├── .gitignore
├── .travis.yml
├── LICENSE
├── README.md
├── brunch-config.js
├── config
    ├── config.exs
    ├── dev.exs
    ├── prod.exs
    └── test.exs
├── elixir_buildpack.config
├── lib
    ├── hello_graphql.ex
    └── hello_graphql
    │   ├── endpoint.ex
    │   └── repo.ex
├── mix.exs
├── mix.lock
├── package.json
├── priv
    ├── repo
    │   ├── migrations
    │   │   └── 20151222024821_create_user.exs
    │   └── seeds.exs
    └── static
    │   ├── css
    │       ├── app-3a1f535494a9bbe3353a27e5d3e95918.css
    │       ├── app-3a1f535494a9bbe3353a27e5d3e95918.css.gz
    │       ├── app-588b2d78db7db74cdb4b8c523e2612b4.css
    │       ├── app-588b2d78db7db74cdb4b8c523e2612b4.css.gz
    │       ├── app.css
    │       ├── app.css-829137d5194d9d1f7d10e166bf868896.map
    │       ├── app.css.gz
    │       └── app.css.map
    │   ├── favicon-a8ca4e3a2bb8fea46a9ee9e102e7d3eb.ico
    │   ├── favicon.ico
    │   ├── images
    │       ├── phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png
    │       └── phoenix.png
    │   ├── js
    │       ├── app-0d94cff54ad06fcd5eb3428c53e5feca.js
    │       ├── app-0d94cff54ad06fcd5eb3428c53e5feca.js.gz
    │       ├── app-1164dcc745240d43838f8c9705dc4c6d.js
    │       ├── app-1164dcc745240d43838f8c9705dc4c6d.js.gz
    │       ├── app.js
    │       ├── app.js-09aef16c4cfdbaadcbc590d110291fa9.map
    │       ├── app.js.gz
    │       └── app.js.map
    │   ├── manifest.json
    │   ├── robots-067185ba27a5d9139b10a759679045bf.txt
    │   ├── robots-067185ba27a5d9139b10a759679045bf.txt.gz
    │   ├── robots.txt
    │   └── robots.txt.gz
├── test
    ├── controllers
    │   └── page_controller_test.exs
    ├── graphql
    │   └── graphql_endpoint_test.exs
    ├── support
    │   ├── channel_case.ex
    │   └── conn_case.ex
    ├── test_helper.exs
    └── views
    │   ├── error_view_test.exs
    │   ├── layout_view_test.exs
    │   └── page_view_test.exs
└── web
    ├── channels
        └── user_socket.ex
    ├── controllers
        └── page_controller.ex
    ├── graphql
        ├── ecto_world_schema.ex
        ├── hello_world_schema.ex
        ├── simple_blog_schema.ex
        └── star_wars_schema.ex
    ├── models
        └── user.ex
    ├── router.ex
    ├── static
        ├── assets
        │   ├── favicon.ico
        │   ├── images
        │   │   └── phoenix.png
        │   └── robots.txt
        ├── css
        │   └── app.css
        └── js
        │   ├── app.js
        │   └── socket.js
    ├── templates
        ├── layout
        │   └── app.html.eex
        └── page
        │   └── index.html.eex
    ├── views
        ├── error_view.ex
        ├── layout_view.ex
        └── page_view.ex
    └── web.ex


/.gitignore:
--------------------------------------------------------------------------------
 1 | # App artifacts
 2 | /_build
 3 | /db
 4 | /deps
 5 | /*.ez
 6 | 
 7 | # Generate on crash by the VM
 8 | erl_crash.dump
 9 | 
10 | # Static artifacts
11 | /node_modules
12 | 
13 | # Since we are building assets from web/static,
14 | # we ignore priv/static. You may want to comment
15 | # this depending on your deployment strategy.
16 | /priv/static/
17 | 
18 | # The config/prod.secret.exs file by default contains sensitive
19 | # data and you should not commit it into version control.
20 | #
21 | # Alternatively, you may comment the line below and commit the
22 | # secrets file as long as you replace its contents by environment
23 | # variables.
24 | /config/prod.secret.exs
25 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: elixir
 2 | elixir:
 3 |   - 1.2.5
 4 | otp_release:
 5 |   - 18.2.1
 6 | addons:
 7 |   postgresql: '9.4'
 8 | before_script:
 9 |   - mix do ecto.create, ecto.migrate, run priv/repo/seeds.exs
10 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | BSD License
 2 | 
 3 | Copyright (c) 2015, Josh Price. All rights reserved.
 4 | 
 5 | Redistribution and use in source and binary forms, with or without modification,
 6 | are permitted provided that the following conditions are met:
 7 | 
 8 |  * Redistributions of source code must retain the above copyright notice, this
 9 |    list of conditions and the following disclaimer.
10 | 
11 |  * Redistributions in binary form must reproduce the above copyright notice,
12 |    this list of conditions and the following disclaimer in the documentation
13 |    and/or other materials provided with the distribution.
14 | 
15 |  * Neither the name Facebook nor the names of its contributors may be used to
16 |    endorse or promote products derived from this software without specific
17 |    prior written permission.
18 | 
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
20 | ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
21 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
22 | DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
23 | ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
24 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
25 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
26 | ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
28 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # GraphQL Phoenix Examples
 2 | 
 3 | [![Build Status](https://travis-ci.org/graphql-elixir/hello_graphql_phoenix.svg)](https://travis-ci.org/graphql-elixir/hello_graphql_phoenix)
 4 | [![Public Slack Discussion](https://graphql-slack.herokuapp.com/badge.svg)](https://graphql-slack.herokuapp.com/)
 5 | 
 6 | This is a Phoenix app containing examples of how to use [plug_graphql](https://github.com/graphql-elixir/plug_graphql) which in turn uses the [GraphQL Elixir Core](https://github.com/graphql-elixir/graphql)
 7 | 
 8 | ## Installation
 9 | 
10 | Clone this repo and start your Phoenix app:
11 | 
12 |   1. Install dependencies with `mix deps.get`
13 |   2. Create your development database using `mix ecto.create`.
14 |      NOTE: you may need to edit `config/dev.exs` to set up your database configuration
15 |      if it is not configured for passwordless logins on localhost.
16 |   3. Setup your DB for the Ecto example with `mix ecto.migrate` and `mix run priv/repo/seeds.exs`
17 |   4. Start Phoenix endpoint with `mix phoenix.server`
18 | 
19 | Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.
20 | 
21 | ## Examples
22 | 
23 | Using [plug_graphql](https://github.com/graphql-elixir/plug_graphql) with Phoenix is very simple.
24 | 
25 | Simply mount your GraphQL endpoint like so:
26 | 
27 | 1. Define your schema in `web/graphql` (see https://github.com/graphql-elixir/hello_graphql_phoenix/tree/master/web/graphql)
28 | 2. [Mount your endpoint](https://github.com/graphql-elixir/hello_graphql_phoenix/blob/master/web/router.ex#L22-L26)
29 | 
30 | ## Resources
31 | 
32 | * GraphQL Plug https://github.com/graphql-elixir/plug_graphql
33 | * GraphQL Elixir Core https://github.com/graphql-elixir/graphql
34 | * GraphQL Spec http://facebook.github.io/graphql
35 | 


--------------------------------------------------------------------------------
/brunch-config.js:
--------------------------------------------------------------------------------
 1 | exports.config = {
 2 |   // See http://brunch.io/#documentation for docs.
 3 |   files: {
 4 |     javascripts: {
 5 |       joinTo: "js/app.js"
 6 | 
 7 |       // To use a separate vendor.js bundle, specify two files path
 8 |       // https://github.com/brunch/brunch/blob/stable/docs/config.md#files
 9 |       // joinTo: {
10 |       //  "js/app.js": /^(web\/static\/js)/,
11 |       //  "js/vendor.js": /^(web\/static\/vendor)|(deps)/
12 |       // }
13 |       //
14 |       // To change the order of concatenation of files, explicitly mention here
15 |       // https://github.com/brunch/brunch/tree/master/docs#concatenation
16 |       // order: {
17 |       //   before: [
18 |       //     "web/static/vendor/js/jquery-2.1.1.js",
19 |       //     "web/static/vendor/js/bootstrap.min.js"
20 |       //   ]
21 |       // }
22 |     },
23 |     stylesheets: {
24 |       joinTo: "css/app.css"
25 |     },
26 |     templates: {
27 |       joinTo: "js/app.js"
28 |     }
29 |   },
30 | 
31 |   conventions: {
32 |     // This option sets where we should place non-css and non-js assets in.
33 |     // By default, we set this to "/web/static/assets". Files in this directory
34 |     // will be copied to `paths.public`, which is "priv/static" by default.
35 |     assets: /^(web\/static\/assets)/
36 |   },
37 | 
38 |   // Phoenix paths configuration
39 |   paths: {
40 |     // Dependencies and current project directories to watch
41 |     watched: [
42 |       "deps/phoenix/web/static",
43 |       "deps/phoenix_html/web/static",
44 |       "web/static",
45 |       "test/static"
46 |     ],
47 | 
48 |     // Where to compile files to
49 |     public: "priv/static"
50 |   },
51 | 
52 |   // Configure your plugins
53 |   plugins: {
54 |     babel: {
55 |       // Do not use ES6 compiler in vendor code
56 |       ignore: [/web\/static\/vendor/]
57 |     }
58 |   },
59 | 
60 |   modules: {
61 |     autoRequire: {
62 |       "js/app.js": ["web/static/js/app"]
63 |     }
64 |   },
65 | 
66 |   npm: {
67 |     enabled: true
68 |   }
69 | };
70 | 


--------------------------------------------------------------------------------
/config/config.exs:
--------------------------------------------------------------------------------
 1 | # This file is responsible for configuring your application
 2 | # and its dependencies with the aid of the Mix.Config module.
 3 | #
 4 | # This configuration file is loaded before any dependency and
 5 | # is restricted to this project.
 6 | use Mix.Config
 7 | 
 8 | # Configures the namespace used by Phoenix generators
 9 | config :hello_graphql,
10 |   app_namespace: HelloGraphQL
11 | 
12 | # Configures the endpoint
13 | config :hello_graphql, HelloGraphQL.Endpoint,
14 |   url: [host: "localhost"],
15 |   root: Path.dirname(__DIR__),
16 |   secret_key_base: "yIsXDFWuDjWW2tKFVK3jFNaCUsXyWqao+jP9x0bUQjJotj//FIAO0PY5EYmJvgOO",
17 |   render_errors: [accepts: ~w(html json)],
18 |   pubsub: [name: HelloGraphQL.PubSub,
19 |            adapter: Phoenix.PubSub.PG2]
20 | 
21 | # Configures Elixir's Logger
22 | config :logger, :console,
23 |   format: "$time $metadata[$level] $message\n",
24 |   metadata: [:request_id]
25 | 
26 | # Import environment specific config. This must remain at the bottom
27 | # of this file so it overrides the configuration defined above.
28 | import_config "#{Mix.env}.exs"
29 | 


--------------------------------------------------------------------------------
/config/dev.exs:
--------------------------------------------------------------------------------
 1 | use Mix.Config
 2 | 
 3 | # For development, we disable any cache and enable
 4 | # debugging and code reloading.
 5 | #
 6 | # The watchers configuration can be used to run external
 7 | # watchers to your application. For example, we use it
 8 | # with brunch.io to recompile .js and .css sources.
 9 | config :hello_graphql, HelloGraphQL.Endpoint,
10 |   http: [port: 4000],
11 |   debug_errors: true,
12 |   code_reloader: true,
13 |   cache_static_lookup: false,
14 |   check_origin: false,
15 |   watchers: [node: ["node_modules/brunch/bin/brunch", "watch", "--stdin"]]
16 | 
17 | # Watch static and templates for browser reloading.
18 | config :hello_graphql, HelloGraphQL.Endpoint,
19 |   live_reload: [
20 |     patterns: [
21 |       ~r{priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$},
22 |       ~r{web/views/.*(ex)$},
23 |       ~r{web/templates/.*(eex)$}
24 |     ]
25 |   ]
26 | 
27 | # Do not include metadata nor timestamps in development logs
28 | config :logger, :console, format: "[$level] $message\n"
29 | 
30 | # Set a higher stacktrace during development.
31 | # Do not configure such in production as keeping
32 | # and calculating stacktraces is usually expensive.
33 | config :phoenix, :stacktrace_depth, 20
34 | 
35 | config :hello_graphql, HelloGraphQL.Repo,
36 |   adapter: Ecto.Adapters.Postgres,
37 |   # username: "postgres",
38 |   # password: "",
39 |   database: "hello_graphql_dev",
40 |   hostname: "localhost",
41 |   pool_size: 10
42 | 


--------------------------------------------------------------------------------
/config/prod.exs:
--------------------------------------------------------------------------------
 1 | use Mix.Config
 2 | 
 3 | # For production, we configure the host to read the PORT
 4 | # from the system environment. Therefore, you will need
 5 | # to set PORT=80 before running your server.
 6 | #
 7 | # You should also configure the url host to something
 8 | # meaningful, we use this information when generating URLs.
 9 | #
10 | # Finally, we also include the path to a manifest
11 | # containing the digested version of static files. This
12 | # manifest is generated by the mix phoenix.digest task
13 | # which you typically run after static files are built.
14 | config :hello_graphql, HelloGraphQL.Endpoint,
15 |   http: [port: {:system, "PORT"}],
16 |   cache_static_manifest: "priv/static/manifest.json",
17 |   secret_key_base: System.get_env("SECRET_KEY_BASE")
18 | 
19 | # Do not print debug messages in production
20 | config :logger, level: :info
21 | 
22 | # Configure your database
23 | config :hello_graphql, HelloGraphQL.Repo,
24 |   adapter: Ecto.Adapters.Postgres,
25 |   database: "hello_graphql_prod",
26 |   url: System.get_env("DATABASE_URL"),
27 |   pool_size: 20
28 | 
29 | # ## SSL Support
30 | #
31 | # To get SSL working, you will need to add the `https` key
32 | # to the previous section and set your `:url` port to 443:
33 | #
34 | #     config :hello_graphql, HelloGraphQL.Endpoint,
35 | #       ...
36 | #       url: [host: "example.com", port: 443],
37 | #       https: [port: 443,
38 | #               keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"),
39 | #               certfile: System.get_env("SOME_APP_SSL_CERT_PATH")]
40 | #
41 | # Where those two env variables return an absolute path to
42 | # the key and cert in disk or a relative path inside priv,
43 | # for example "priv/ssl/server.key".
44 | #
45 | # We also recommend setting `force_ssl`, ensuring no data is
46 | # ever sent via http, always redirecting to https:
47 | #
48 | #     config :hello_graphql, HelloGraphQL.Endpoint,
49 | #       force_ssl: [hsts: true]
50 | #
51 | # Check `Plug.SSL` for all available options in `force_ssl`.
52 | 
53 | # ## Using releases
54 | #
55 | # If you are doing OTP releases, you need to instruct Phoenix
56 | # to start the server for all endpoints:
57 | #
58 | #     config :phoenix, :serve_endpoints, true
59 | #
60 | # Alternatively, you can configure exactly which server to
61 | # start per endpoint:
62 | #
63 | #     config :hello_graphql, HelloGraphQL.Endpoint, server: true
64 | #
65 | 
66 | # Finally import the config/prod.secret.exs
67 | # which should be versioned separately.
68 | # import_config "prod.secret.exs"
69 | 


--------------------------------------------------------------------------------
/config/test.exs:
--------------------------------------------------------------------------------
 1 | use Mix.Config
 2 | 
 3 | # We don't run a server during test. If one is required,
 4 | # you can enable the server option below.
 5 | config :hello_graphql, HelloGraphQL.Endpoint,
 6 |   http: [port: 4001],
 7 |   server: false
 8 | 
 9 | # Print only warnings and errors during test
10 | config :logger, level: :warn
11 | 
12 | config :hello_graphql, HelloGraphQL.Repo,
13 |   adapter: Ecto.Adapters.Postgres,
14 |   username: "postgres",
15 |   password: "",
16 |   database: "hello_graphql_test",
17 |   hostname: "localhost",
18 |   pool_size: 10
19 | 


--------------------------------------------------------------------------------
/elixir_buildpack.config:
--------------------------------------------------------------------------------
1 | erlang_version=18.2.1
2 | elixir_version=1.2.3
3 | always_rebuild=false
4 | config_vars_to_export=(DATABASE_URL)


--------------------------------------------------------------------------------
/lib/hello_graphql.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL do
 2 |   use Application
 3 | 
 4 |   # See http://elixir-lang.org/docs/stable/elixir/Application.html
 5 |   # for more information on OTP Applications
 6 |   def start(_type, _args) do
 7 |     import Supervisor.Spec, warn: false
 8 | 
 9 |     children = [
10 |       # Start the endpoint when the application starts
11 |       supervisor(HelloGraphQL.Endpoint, []),
12 |       worker(HelloGraphQL.Repo, []),
13 |       # Here you could define other workers and supervisors as children
14 |       # worker(HelloGraphQL.Worker, [arg1, arg2, arg3]),
15 |     ]
16 | 
17 |     # See http://elixir-lang.org/docs/stable/elixir/Supervisor.html
18 |     # for other strategies and supported options
19 |     opts = [strategy: :one_for_one, name: HelloGraphQL.Supervisor]
20 |     Supervisor.start_link(children, opts)
21 |   end
22 | 
23 |   # Tell Phoenix to update the endpoint configuration
24 |   # whenever the application is updated.
25 |   def config_change(changed, _new, removed) do
26 |     HelloGraphQL.Endpoint.config_change(changed, removed)
27 |     :ok
28 |   end
29 | end
30 | 


--------------------------------------------------------------------------------
/lib/hello_graphql/endpoint.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.Endpoint do
 2 |   use Phoenix.Endpoint, otp_app: :hello_graphql
 3 | 
 4 |   socket "/socket", HelloGraphQL.UserSocket
 5 | 
 6 |   # Serve at "/" the static files from "priv/static" directory.
 7 |   #
 8 |   # You should set gzip to true if you are running phoenix.digest
 9 |   # when deploying your static files in production.
10 |   plug Plug.Static,
11 |     at: "/", from: :hello_graphql, gzip: false,
12 |     only: ~w(css fonts images js favicon.ico robots.txt)
13 | 
14 |   # Code reloading can be explicitly enabled under the
15 |   # :code_reloader configuration of your endpoint.
16 |   if code_reloading? do
17 |     socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket
18 |     plug Phoenix.LiveReloader
19 |     plug Phoenix.CodeReloader
20 |   end
21 | 
22 |   plug Plug.RequestId
23 |   plug Plug.Logger
24 | 
25 |   plug Plug.Parsers,
26 |     parsers: [:urlencoded, :multipart, :json],
27 |     pass: ["*/*"],
28 |     json_decoder: Poison
29 | 
30 |   plug Plug.MethodOverride
31 |   plug Plug.Head
32 | 
33 |   plug Plug.Session,
34 |     store: :cookie,
35 |     key: "_hello_graphql_key",
36 |     signing_salt: "gj0BcsJn"
37 | 
38 |   plug HelloGraphQL.Router
39 | end
40 | 


--------------------------------------------------------------------------------
/lib/hello_graphql/repo.ex:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.Repo do
2 |   use Ecto.Repo, otp_app: :hello_graphql, adapter: Ecto.Adapters.Postgres
3 | end
4 | 


--------------------------------------------------------------------------------
/mix.exs:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.Mixfile do
 2 |   use Mix.Project
 3 | 
 4 |   def project do
 5 |     [app: :hello_graphql,
 6 |      version: "0.3.0",
 7 |      elixir: "~> 1.2",
 8 |      elixirc_paths: elixirc_paths(Mix.env),
 9 |      compilers: [:phoenix] ++ Mix.compilers,
10 |      build_embedded: Mix.env == :prod,
11 |      start_permanent: Mix.env == :prod,
12 |      deps: deps]
13 |   end
14 | 
15 |   # Configuration for the OTP application.
16 |   #
17 |   # Type `mix help compile.app` for more information.
18 |   def application do
19 |     [mod: {HelloGraphQL, []},
20 |      applications: [:phoenix, :phoenix_html, :cowboy, :logger,
21 |                     :plug_graphql, :graphql,
22 |                     :phoenix_ecto, :postgrex]]
23 |   end
24 | 
25 |   # Specifies which paths to compile per environment.
26 |   defp elixirc_paths(:test), do: ["lib", "web", "test/support"]
27 |   defp elixirc_paths(_),     do: ["lib", "web"]
28 | 
29 |   # Specifies your project dependencies.
30 |   #
31 |   # Type `mix help deps` for examples and options.
32 |   defp deps do
33 |     [{:phoenix, "~> 1.1"},
34 |      {:phoenix_ecto, "~> 1.1"},
35 |      {:postgrex, ">= 0.0.0"},
36 |      {:phoenix_html, "~> 2.3"},
37 |      {:phoenix_live_reload, "~> 1.0", only: :dev},
38 |      {:cowboy, "~> 1.0"},
39 |      {:plug_graphql, "~> 0.3.1"}]
40 |   end
41 | end
42 | 


--------------------------------------------------------------------------------
/mix.lock:
--------------------------------------------------------------------------------
 1 | %{"backoff": {:hex, :backoff, "1.1.1"},
 2 |   "connection": {:hex, :connection, "1.0.2", "f4a06dd3ecae4141aa66f94ce92ea4c4b8753069472814932f1cadbc3078ab80", [:mix], []},
 3 |   "cowboy": {:hex, :cowboy, "1.0.4", "a324a8df9f2316c833a470d918aaf73ae894278b8aa6226ce7a9bf699388f878", [:rebar, :make], [{:cowlib, "~> 1.0.0", [hex: :cowlib, optional: false]}, {:ranch, "~> 1.0", [hex: :ranch, optional: false]}]},
 4 |   "cowlib": {:hex, :cowlib, "1.0.2", "9d769a1d062c9c3ac753096f868ca121e2730b9a377de23dec0f7e08b1df84ee", [:make], []},
 5 |   "db_connection": {:hex, :db_connection, "0.2.4", "b49451dacf03005cd4163f85d77b6666b14378369a6d432810b854ede0e594fe", [:mix], [{:sbroker, "~> 0.7", [hex: :sbroker, optional: true]}, {:poolboy, "~> 1.5", [hex: :poolboy, optional: true]}, {:connection, "~> 1.0.2", [hex: :connection, optional: false]}]},
 6 |   "decimal": {:hex, :decimal, "1.1.1", "a8ff5b673105e6cdaca96f799aeefc6f07142881b616c65db16e14e556b16e76", [:mix], []},
 7 |   "ecto": {:hex, :ecto, "1.1.5", "5c181b737a650117466b0540aa323198a0fb9d518e52718ac2c299f4047187e1", [:mix], [{:sbroker, "~> 0.7", [hex: :sbroker, optional: true]}, {:postgrex, "~> 0.11.0", [hex: :postgrex, optional: true]}, {:poolboy, "~> 1.4", [hex: :poolboy, optional: false]}, {:poison, "~> 1.0", [hex: :poison, optional: true]}, {:mariaex, "~> 0.5.0 or ~> 0.6.0", [hex: :mariaex, optional: true]}, {:decimal, "~> 1.0", [hex: :decimal, optional: false]}]},
 8 |   "fs": {:hex, :fs, "0.9.2", "ed17036c26c3f70ac49781ed9220a50c36775c6ca2cf8182d123b6566e49ec59", [:rebar], []},
 9 |   "graphql": {:hex, :graphql, "0.3.0", "4894f81e0010ff04a0349845f63a19f7f8cce754273bb06ecfe00b30dc685a86", [:mix], []},
10 |   "phoenix": {:hex, :phoenix, "1.1.4", "65809fba92eb94377372a5fb5a561197654bb8406e773cc47ca1a031bbe58019", [:mix], [{:poison, "~> 1.5 or ~> 2.0", [hex: :poison, optional: false]}, {:plug, "~> 1.0", [hex: :plug, optional: false]}, {:cowboy, "~> 1.0", [hex: :cowboy, optional: true]}]},
11 |   "phoenix_ecto": {:hex, :phoenix_ecto, "1.2.0", "3f261f1822d8fba109c23fa584fe921a7a12f69e4d45bf29aea58b04238e7a19", [:mix], [{:poison, "~> 1.3", [hex: :poison, optional: true]}, {:phoenix_html, "~> 2.2", [hex: :phoenix_html, optional: true]}, {:ecto, "~> 1.0", [hex: :ecto, optional: false]}]},
12 |   "phoenix_html": {:hex, :phoenix_html, "2.5.1", "631053f9e345fecb5c87d9e0ccd807f7266d27e2ee4269817067af425fd81ba8", [:mix], [{:plug, "~> 0.13 or ~> 1.0", [hex: :plug, optional: false]}]},
13 |   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.0.3", "262ed58c69174ae4f081725e03a072d0b48e6100248c0cbcd5df5e5fd4b212b6", [:mix], [{:phoenix, "~> 0.16 or ~> 1.0", [hex: :phoenix, optional: false]}, {:fs, "~> 0.9.1", [hex: :fs, optional: false]}]},
14 |   "plug": {:hex, :plug, "1.1.5", "de5645c18170415a72b18cc3d215c05321ddecac27a15acb923742156e98278b", [:mix], [{:cowboy, "~> 1.0", [hex: :cowboy, optional: true]}]},
15 |   "plug_graphql": {:hex, :plug_graphql, "0.3.1", "8c3c91b889236620cea19606ab5b770c1c533242c92d97c23b9f359be4eb4c03", [:mix], [{:poison, "~> 1.5 or ~> 2.0", [hex: :poison, optional: false]}, {:plug, "~> 0.14 or ~> 1.0", [hex: :plug, optional: false]}, {:graphql, "~> 0.3", [hex: :graphql, optional: false]}, {:cowboy, "~> 1.0", [hex: :cowboy, optional: false]}]},
16 |   "poison": {:hex, :poison, "1.5.2", "560bdfb7449e3ddd23a096929fb9fc2122f709bcc758b2d5d5a5c7d0ea848910", [:mix], []},
17 |   "poolboy": {:hex, :poolboy, "1.5.1", "6b46163901cfd0a1b43d692657ed9d7e599853b3b21b95ae5ae0a777cf9b6ca8", [:rebar], []},
18 |   "postgrex": {:hex, :postgrex, "0.11.1", "f48af70c0a58b9bfd1aaa456ec4273624554cfb837726b6a7f0701da4a94b2dd", [:mix], [{:decimal, "~> 1.0", [hex: :decimal, optional: false]}, {:db_connection, "~> 0.2", [hex: :db_connection, optional: false]}, {:connection, "~> 1.0", [hex: :connection, optional: false]}]},
19 |   "ranch": {:hex, :ranch, "1.2.1", "a6fb992c10f2187b46ffd17ce398ddf8a54f691b81768f9ef5f461ea7e28c762", [:make], []}}
20 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "repository": {
 3 |   },
 4 |   "dependencies": {
 5 |     "brunch": "^1.8.5",
 6 |     "babel-brunch": "^5.1.1",
 7 |     "clean-css-brunch": ">= 1.0 < 1.8",
 8 |     "css-brunch": ">= 1.0 < 1.8",
 9 |     "javascript-brunch": ">= 1.0 < 1.8",
10 |     "uglify-js-brunch": ">= 1.0 < 1.8"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/priv/repo/migrations/20151222024821_create_user.exs:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.Repo.Migrations.CreateUser do
 2 |   use Ecto.Migration
 3 | 
 4 |   def change do
 5 |     create table(:users) do
 6 |       add :name, :string
 7 | 
 8 |       timestamps
 9 |     end
10 | 
11 |   end
12 | end
13 | 


--------------------------------------------------------------------------------
/priv/repo/seeds.exs:
--------------------------------------------------------------------------------
 1 | # Script for populating the database. You can run it as:
 2 | #
 3 | #     mix run priv/repo/seeds.exs
 4 | #
 5 | # Inside the script, you can read and write to any of your
 6 | # repositories directly:
 7 | #
 8 | #     HelloGraphQL.Repo.insert!(%SomeModel{})
 9 | #
10 | # We recommend using the bang functions (`insert!`, `update!`
11 | # and so on) as they will fail if something goes wrong.
12 | HelloGraphQL.Repo.delete_all(HelloGraphQL.User)
13 | 
14 | Enum.map 1..10, fn (x) ->
15 |   params = %{name: "Garrett#{x}"}
16 | 
17 |   HelloGraphQL.User.changeset(%HelloGraphQL.User{}, params)
18 |   |> HelloGraphQL.Repo.insert!
19 | end
20 | 


--------------------------------------------------------------------------------
/priv/static/css/app-3a1f535494a9bbe3353a27e5d3e95918.css.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/css/app-3a1f535494a9bbe3353a27e5d3e95918.css.gz


--------------------------------------------------------------------------------
/priv/static/css/app-588b2d78db7db74cdb4b8c523e2612b4.css.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/css/app-588b2d78db7db74cdb4b8c523e2612b4.css.gz


--------------------------------------------------------------------------------
/priv/static/css/app.css.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/css/app.css.gz


--------------------------------------------------------------------------------
/priv/static/favicon-a8ca4e3a2bb8fea46a9ee9e102e7d3eb.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/favicon-a8ca4e3a2bb8fea46a9ee9e102e7d3eb.ico


--------------------------------------------------------------------------------
/priv/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/favicon.ico


--------------------------------------------------------------------------------
/priv/static/images/phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/images/phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png


--------------------------------------------------------------------------------
/priv/static/images/phoenix.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/images/phoenix.png


--------------------------------------------------------------------------------
/priv/static/js/app-0d94cff54ad06fcd5eb3428c53e5feca.js:
--------------------------------------------------------------------------------
   1 | (function() {
   2 |   'use strict';
   3 | 
   4 |   var globals = typeof window === 'undefined' ? global : window;
   5 |   if (typeof globals.require === 'function') return;
   6 | 
   7 |   var modules = {};
   8 |   var cache = {};
   9 |   var aliases = {};
  10 |   var has = ({}).hasOwnProperty;
  11 | 
  12 |   var endsWith = function(str, suffix) {
  13 |     return str.indexOf(suffix, str.length - suffix.length) !== -1;
  14 |   };
  15 | 
  16 |   var _cmp = 'components/';
  17 |   var unalias = function(alias, loaderPath) {
  18 |     var start = 0;
  19 |     if (loaderPath) {
  20 |       if (loaderPath.indexOf(_cmp) === 0) {
  21 |         start = _cmp.length;
  22 |       }
  23 |       if (loaderPath.indexOf('/', start) > 0) {
  24 |         loaderPath = loaderPath.substring(start, loaderPath.indexOf('/', start));
  25 |       }
  26 |     }
  27 |     var result = aliases[alias + '/index.js'] || aliases[loaderPath + '/deps/' + alias + '/index.js'];
  28 |     if (result) {
  29 |       return _cmp + result.substring(0, result.length - '.js'.length);
  30 |     }
  31 |     return alias;
  32 |   };
  33 | 
  34 |   var _reg = /^\.\.?(\/|$)/;
  35 |   var expand = function(root, name) {
  36 |     var results = [], part;
  37 |     var parts = (_reg.test(name) ? root + '/' + name : name).split('/');
  38 |     for (var i = 0, length = parts.length; i < length; i++) {
  39 |       part = parts[i];
  40 |       if (part === '..') {
  41 |         results.pop();
  42 |       } else if (part !== '.' && part !== '') {
  43 |         results.push(part);
  44 |       }
  45 |     }
  46 |     return results.join('/');
  47 |   };
  48 | 
  49 |   var dirname = function(path) {
  50 |     return path.split('/').slice(0, -1).join('/');
  51 |   };
  52 | 
  53 |   var localRequire = function(path) {
  54 |     return function expanded(name) {
  55 |       var absolute = expand(dirname(path), name);
  56 |       return globals.require(absolute, path);
  57 |     };
  58 |   };
  59 | 
  60 |   var initModule = function(name, definition) {
  61 |     var module = {id: name, exports: {}};
  62 |     cache[name] = module;
  63 |     definition(module.exports, localRequire(name), module);
  64 |     return module.exports;
  65 |   };
  66 | 
  67 |   var require = function(name, loaderPath) {
  68 |     var path = expand(name, '.');
  69 |     if (loaderPath == null) loaderPath = '/';
  70 |     path = unalias(name, loaderPath);
  71 | 
  72 |     if (has.call(cache, path)) return cache[path].exports;
  73 |     if (has.call(modules, path)) return initModule(path, modules[path]);
  74 | 
  75 |     var dirIndex = expand(path, './index');
  76 |     if (has.call(cache, dirIndex)) return cache[dirIndex].exports;
  77 |     if (has.call(modules, dirIndex)) return initModule(dirIndex, modules[dirIndex]);
  78 | 
  79 |     throw new Error('Cannot find module "' + name + '" from '+ '"' + loaderPath + '"');
  80 |   };
  81 | 
  82 |   require.alias = function(from, to) {
  83 |     aliases[to] = from;
  84 |   };
  85 | 
  86 |   require.register = require.define = function(bundle, fn) {
  87 |     if (typeof bundle === 'object') {
  88 |       for (var key in bundle) {
  89 |         if (has.call(bundle, key)) {
  90 |           modules[key] = bundle[key];
  91 |         }
  92 |       }
  93 |     } else {
  94 |       modules[bundle] = fn;
  95 |     }
  96 |   };
  97 | 
  98 |   require.list = function() {
  99 |     var result = [];
 100 |     for (var item in modules) {
 101 |       if (has.call(modules, item)) {
 102 |         result.push(item);
 103 |       }
 104 |     }
 105 |     return result;
 106 |   };
 107 | 
 108 |   require.brunch = true;
 109 |   require._cache = cache;
 110 |   globals.require = require;
 111 | })();
 112 | require.register("deps/phoenix/web/static/js/phoenix", function(exports, require, module) {
 113 | // Phoenix Channels JavaScript client
 114 | //
 115 | // ## Socket Connection
 116 | //
 117 | // A single connection is established to the server and
 118 | // channels are mulitplexed over the connection.
 119 | // Connect to the server using the `Socket` class:
 120 | //
 121 | //     let socket = new Socket("/ws", {params: {userToken: "123"}})
 122 | //     socket.connect()
 123 | //
 124 | // The `Socket` constructor takes the mount point of the socket,
 125 | // the authentication params, as well as options that can be found in
 126 | // the Socket docs, such as configuring the `LongPoll` transport, and
 127 | // heartbeat.
 128 | //
 129 | // ## Channels
 130 | //
 131 | // Channels are isolated, concurrent processes on the server that
 132 | // subscribe to topics and broker events between the client and server.
 133 | // To join a channel, you must provide the topic, and channel params for
 134 | // authorization. Here's an example chat room example where `"new_msg"`
 135 | // events are listened for, messages are pushed to the server, and
 136 | // the channel is joined with ok/error matches, and `after` hook:
 137 | //
 138 | //     let channel = socket.channel("rooms:123", {token: roomToken})
 139 | //     channel.on("new_msg", msg => console.log("Got message", msg) )
 140 | //     $input.onEnter( e => {
 141 | //       channel.push("new_msg", {body: e.target.val})
 142 | //        .receive("ok", (msg) => console.log("created message", msg) )
 143 | //        .receive("error", (reasons) => console.log("create failed", reasons) )
 144 | //        .after(10000, () => console.log("Networking issue. Still waiting...") )
 145 | //     })
 146 | //     channel.join()
 147 | //       .receive("ok", ({messages}) => console.log("catching up", messages) )
 148 | //       .receive("error", ({reason}) => console.log("failed join", reason) )
 149 | //       .after(10000, () => console.log("Networking issue. Still waiting...") )
 150 | //
 151 | //
 152 | // ## Joining
 153 | //
 154 | // Joining a channel with `channel.join(topic, params)`, binds the params to
 155 | // `channel.params`. Subsequent rejoins will send up the modified params for
 156 | // updating authorization params, or passing up last_message_id information.
 157 | // Successful joins receive an "ok" status, while unsuccessful joins
 158 | // receive "error".
 159 | //
 160 | //
 161 | // ## Pushing Messages
 162 | //
 163 | // From the previous example, we can see that pushing messages to the server
 164 | // can be done with `channel.push(eventName, payload)` and we can optionally
 165 | // receive responses from the push. Additionally, we can use
 166 | // `after(millsec, callback)` to abort waiting for our `receive` hooks and
 167 | // take action after some period of waiting.
 168 | //
 169 | //
 170 | // ## Socket Hooks
 171 | //
 172 | // Lifecycle events of the multiplexed connection can be hooked into via
 173 | // `socket.onError()` and `socket.onClose()` events, ie:
 174 | //
 175 | //     socket.onError( () => console.log("there was an error with the connection!") )
 176 | //     socket.onClose( () => console.log("the connection dropped") )
 177 | //
 178 | //
 179 | // ## Channel Hooks
 180 | //
 181 | // For each joined channel, you can bind to `onError` and `onClose` events
 182 | // to monitor the channel lifecycle, ie:
 183 | //
 184 | //     channel.onError( () => console.log("there was an error!") )
 185 | //     channel.onClose( () => console.log("the channel has gone away gracefully") )
 186 | //
 187 | // ### onError hooks
 188 | //
 189 | // `onError` hooks are invoked if the socket connection drops, or the channel
 190 | // crashes on the server. In either case, a channel rejoin is attemtped
 191 | // automatically in an exponential backoff manner.
 192 | //
 193 | // ### onClose hooks
 194 | //
 195 | // `onClose` hooks are invoked only in two cases. 1) the channel explicitly
 196 | // closed on the server, or 2). The client explicitly closed, by calling
 197 | // `channel.leave()`
 198 | //
 199 | 
 200 | "use strict";
 201 | 
 202 | Object.defineProperty(exports, "__esModule", {
 203 |   value: true
 204 | });
 205 | 
 206 | var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 207 | 
 208 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 209 | 
 210 | var VSN = "1.0.0";
 211 | var SOCKET_STATES = { connecting: 0, open: 1, closing: 2, closed: 3 };
 212 | var CHANNEL_STATES = {
 213 |   closed: "closed",
 214 |   errored: "errored",
 215 |   joined: "joined",
 216 |   joining: "joining"
 217 | };
 218 | var CHANNEL_EVENTS = {
 219 |   close: "phx_close",
 220 |   error: "phx_error",
 221 |   join: "phx_join",
 222 |   reply: "phx_reply",
 223 |   leave: "phx_leave"
 224 | };
 225 | var TRANSPORTS = {
 226 |   longpoll: "longpoll",
 227 |   websocket: "websocket"
 228 | };
 229 | 
 230 | var Push = (function () {
 231 | 
 232 |   // Initializes the Push
 233 |   //
 234 |   // channel - The Channel
 235 |   // event - The event, for example `"phx_join"`
 236 |   // payload - The payload, for example `{user_id: 123}`
 237 |   //
 238 | 
 239 |   function Push(channel, event, payload) {
 240 |     _classCallCheck(this, Push);
 241 | 
 242 |     this.channel = channel;
 243 |     this.event = event;
 244 |     this.payload = payload || {};
 245 |     this.receivedResp = null;
 246 |     this.afterHook = null;
 247 |     this.recHooks = [];
 248 |     this.sent = false;
 249 |   }
 250 | 
 251 |   _createClass(Push, [{
 252 |     key: "send",
 253 |     value: function send() {
 254 |       var _this = this;
 255 | 
 256 |       var ref = this.channel.socket.makeRef();
 257 |       this.refEvent = this.channel.replyEventName(ref);
 258 |       this.receivedResp = null;
 259 |       this.sent = false;
 260 | 
 261 |       this.channel.on(this.refEvent, function (payload) {
 262 |         _this.receivedResp = payload;
 263 |         _this.matchReceive(payload);
 264 |         _this.cancelRefEvent();
 265 |         _this.cancelAfter();
 266 |       });
 267 | 
 268 |       this.startAfter();
 269 |       this.sent = true;
 270 |       this.channel.socket.push({
 271 |         topic: this.channel.topic,
 272 |         event: this.event,
 273 |         payload: this.payload,
 274 |         ref: ref
 275 |       });
 276 |     }
 277 |   }, {
 278 |     key: "receive",
 279 |     value: function receive(status, callback) {
 280 |       if (this.receivedResp && this.receivedResp.status === status) {
 281 |         callback(this.receivedResp.response);
 282 |       }
 283 | 
 284 |       this.recHooks.push({ status: status, callback: callback });
 285 |       return this;
 286 |     }
 287 |   }, {
 288 |     key: "after",
 289 |     value: function after(ms, callback) {
 290 |       if (this.afterHook) {
 291 |         throw "only a single after hook can be applied to a push";
 292 |       }
 293 |       var timer = null;
 294 |       if (this.sent) {
 295 |         timer = setTimeout(callback, ms);
 296 |       }
 297 |       this.afterHook = { ms: ms, callback: callback, timer: timer };
 298 |       return this;
 299 |     }
 300 | 
 301 |     // private
 302 | 
 303 |   }, {
 304 |     key: "matchReceive",
 305 |     value: function matchReceive(_ref) {
 306 |       var status = _ref.status;
 307 |       var response = _ref.response;
 308 |       var ref = _ref.ref;
 309 | 
 310 |       this.recHooks.filter(function (h) {
 311 |         return h.status === status;
 312 |       }).forEach(function (h) {
 313 |         return h.callback(response);
 314 |       });
 315 |     }
 316 |   }, {
 317 |     key: "cancelRefEvent",
 318 |     value: function cancelRefEvent() {
 319 |       this.channel.off(this.refEvent);
 320 |     }
 321 |   }, {
 322 |     key: "cancelAfter",
 323 |     value: function cancelAfter() {
 324 |       if (!this.afterHook) {
 325 |         return;
 326 |       }
 327 |       clearTimeout(this.afterHook.timer);
 328 |       this.afterHook.timer = null;
 329 |     }
 330 |   }, {
 331 |     key: "startAfter",
 332 |     value: function startAfter() {
 333 |       var _this2 = this;
 334 | 
 335 |       if (!this.afterHook) {
 336 |         return;
 337 |       }
 338 |       var callback = function callback() {
 339 |         _this2.cancelRefEvent();
 340 |         _this2.afterHook.callback();
 341 |       };
 342 |       this.afterHook.timer = setTimeout(callback, this.afterHook.ms);
 343 |     }
 344 |   }]);
 345 | 
 346 |   return Push;
 347 | })();
 348 | 
 349 | var Channel = (function () {
 350 |   function Channel(topic, params, socket) {
 351 |     var _this3 = this;
 352 | 
 353 |     _classCallCheck(this, Channel);
 354 | 
 355 |     this.state = CHANNEL_STATES.closed;
 356 |     this.topic = topic;
 357 |     this.params = params || {};
 358 |     this.socket = socket;
 359 |     this.bindings = [];
 360 |     this.joinedOnce = false;
 361 |     this.joinPush = new Push(this, CHANNEL_EVENTS.join, this.params);
 362 |     this.pushBuffer = [];
 363 |     this.rejoinTimer = new Timer(function () {
 364 |       return _this3.rejoinUntilConnected();
 365 |     }, this.socket.reconnectAfterMs);
 366 |     this.joinPush.receive("ok", function () {
 367 |       _this3.state = CHANNEL_STATES.joined;
 368 |       _this3.rejoinTimer.reset();
 369 |     });
 370 |     this.onClose(function () {
 371 |       _this3.socket.log("channel", "close " + _this3.topic);
 372 |       _this3.state = CHANNEL_STATES.closed;
 373 |       _this3.socket.remove(_this3);
 374 |     });
 375 |     this.onError(function (reason) {
 376 |       _this3.socket.log("channel", "error " + _this3.topic, reason);
 377 |       _this3.state = CHANNEL_STATES.errored;
 378 |       _this3.rejoinTimer.setTimeout();
 379 |     });
 380 |     this.on(CHANNEL_EVENTS.reply, function (payload, ref) {
 381 |       _this3.trigger(_this3.replyEventName(ref), payload);
 382 |     });
 383 |   }
 384 | 
 385 |   _createClass(Channel, [{
 386 |     key: "rejoinUntilConnected",
 387 |     value: function rejoinUntilConnected() {
 388 |       this.rejoinTimer.setTimeout();
 389 |       if (this.socket.isConnected()) {
 390 |         this.rejoin();
 391 |       }
 392 |     }
 393 |   }, {
 394 |     key: "join",
 395 |     value: function join() {
 396 |       if (this.joinedOnce) {
 397 |         throw "tried to join multiple times. 'join' can only be called a single time per channel instance";
 398 |       } else {
 399 |         this.joinedOnce = true;
 400 |       }
 401 |       this.sendJoin();
 402 |       return this.joinPush;
 403 |     }
 404 |   }, {
 405 |     key: "onClose",
 406 |     value: function onClose(callback) {
 407 |       this.on(CHANNEL_EVENTS.close, callback);
 408 |     }
 409 |   }, {
 410 |     key: "onError",
 411 |     value: function onError(callback) {
 412 |       this.on(CHANNEL_EVENTS.error, function (reason) {
 413 |         return callback(reason);
 414 |       });
 415 |     }
 416 |   }, {
 417 |     key: "on",
 418 |     value: function on(event, callback) {
 419 |       this.bindings.push({ event: event, callback: callback });
 420 |     }
 421 |   }, {
 422 |     key: "off",
 423 |     value: function off(event) {
 424 |       this.bindings = this.bindings.filter(function (bind) {
 425 |         return bind.event !== event;
 426 |       });
 427 |     }
 428 |   }, {
 429 |     key: "canPush",
 430 |     value: function canPush() {
 431 |       return this.socket.isConnected() && this.state === CHANNEL_STATES.joined;
 432 |     }
 433 |   }, {
 434 |     key: "push",
 435 |     value: function push(event, payload) {
 436 |       if (!this.joinedOnce) {
 437 |         throw "tried to push '" + event + "' to '" + this.topic + "' before joining. Use channel.join() before pushing events";
 438 |       }
 439 |       var pushEvent = new Push(this, event, payload);
 440 |       if (this.canPush()) {
 441 |         pushEvent.send();
 442 |       } else {
 443 |         this.pushBuffer.push(pushEvent);
 444 |       }
 445 | 
 446 |       return pushEvent;
 447 |     }
 448 | 
 449 |     // Leaves the channel
 450 |     //
 451 |     // Unsubscribes from server events, and
 452 |     // instructs channel to terminate on server
 453 |     //
 454 |     // Triggers onClose() hooks
 455 |     //
 456 |     // To receive leave acknowledgements, use the a `receive`
 457 |     // hook to bind to the server ack, ie:
 458 |     //
 459 |     //     channel.leave().receive("ok", () => alert("left!") )
 460 |     //
 461 |   }, {
 462 |     key: "leave",
 463 |     value: function leave() {
 464 |       var _this4 = this;
 465 | 
 466 |       return this.push(CHANNEL_EVENTS.leave).receive("ok", function () {
 467 |         _this4.socket.log("channel", "leave " + _this4.topic);
 468 |         _this4.trigger(CHANNEL_EVENTS.close, "leave");
 469 |       });
 470 |     }
 471 | 
 472 |     // Overridable message hook
 473 |     //
 474 |     // Receives all events for specialized message handling
 475 |   }, {
 476 |     key: "onMessage",
 477 |     value: function onMessage(event, payload, ref) {}
 478 | 
 479 |     // private
 480 | 
 481 |   }, {
 482 |     key: "isMember",
 483 |     value: function isMember(topic) {
 484 |       return this.topic === topic;
 485 |     }
 486 |   }, {
 487 |     key: "sendJoin",
 488 |     value: function sendJoin() {
 489 |       this.state = CHANNEL_STATES.joining;
 490 |       this.joinPush.send();
 491 |     }
 492 |   }, {
 493 |     key: "rejoin",
 494 |     value: function rejoin() {
 495 |       this.sendJoin();
 496 |       this.pushBuffer.forEach(function (pushEvent) {
 497 |         return pushEvent.send();
 498 |       });
 499 |       this.pushBuffer = [];
 500 |     }
 501 |   }, {
 502 |     key: "trigger",
 503 |     value: function trigger(triggerEvent, payload, ref) {
 504 |       this.onMessage(triggerEvent, payload, ref);
 505 |       this.bindings.filter(function (bind) {
 506 |         return bind.event === triggerEvent;
 507 |       }).map(function (bind) {
 508 |         return bind.callback(payload, ref);
 509 |       });
 510 |     }
 511 |   }, {
 512 |     key: "replyEventName",
 513 |     value: function replyEventName(ref) {
 514 |       return "chan_reply_" + ref;
 515 |     }
 516 |   }]);
 517 | 
 518 |   return Channel;
 519 | })();
 520 | 
 521 | exports.Channel = Channel;
 522 | 
 523 | var Socket = (function () {
 524 | 
 525 |   // Initializes the Socket
 526 |   //
 527 |   // endPoint - The string WebSocket endpoint, ie, "ws://example.com/ws",
 528 |   //                                               "wss://example.com"
 529 |   //                                               "/ws" (inherited host & protocol)
 530 |   // opts - Optional configuration
 531 |   //   transport - The Websocket Transport, for example WebSocket or Phoenix.LongPoll.
 532 |   //               Defaults to WebSocket with automatic LongPoll fallback.
 533 |   //   heartbeatIntervalMs - The millisec interval to send a heartbeat message
 534 |   //   reconnectAfterMs - The optional function that returns the millsec
 535 |   //                      reconnect interval. Defaults to stepped backoff of:
 536 |   //
 537 |   //     function(tries){
 538 |   //       return [1000, 5000, 10000][tries - 1] || 10000
 539 |   //     }
 540 |   //
 541 |   //   logger - The optional function for specialized logging, ie:
 542 |   //     `logger: (kind, msg, data) => { console.log(`${kind}: ${msg}`, data) }
 543 |   //
 544 |   //   longpollerTimeout - The maximum timeout of a long poll AJAX request.
 545 |   //                        Defaults to 20s (double the server long poll timer).
 546 |   //
 547 |   //   params - The optional params to pass when connecting
 548 |   //
 549 |   // For IE8 support use an ES5-shim (https://github.com/es-shims/es5-shim)
 550 |   //
 551 | 
 552 |   function Socket(endPoint) {
 553 |     var _this5 = this;
 554 | 
 555 |     var opts = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 556 | 
 557 |     _classCallCheck(this, Socket);
 558 | 
 559 |     this.stateChangeCallbacks = { open: [], close: [], error: [], message: [] };
 560 |     this.channels = [];
 561 |     this.sendBuffer = [];
 562 |     this.ref = 0;
 563 |     this.transport = opts.transport || window.WebSocket || LongPoll;
 564 |     this.heartbeatIntervalMs = opts.heartbeatIntervalMs || 30000;
 565 |     this.reconnectAfterMs = opts.reconnectAfterMs || function (tries) {
 566 |       return [1000, 5000, 10000][tries - 1] || 10000;
 567 |     };
 568 |     this.logger = opts.logger || function () {}; // noop
 569 |     this.longpollerTimeout = opts.longpollerTimeout || 20000;
 570 |     this.params = opts.params || {};
 571 |     this.endPoint = endPoint + "/" + TRANSPORTS.websocket;
 572 |     this.reconnectTimer = new Timer(function () {
 573 |       _this5.disconnect(function () {
 574 |         return _this5.connect();
 575 |       });
 576 |     }, this.reconnectAfterMs);
 577 |   }
 578 | 
 579 |   _createClass(Socket, [{
 580 |     key: "protocol",
 581 |     value: function protocol() {
 582 |       return location.protocol.match(/^https/) ? "wss" : "ws";
 583 |     }
 584 |   }, {
 585 |     key: "endPointURL",
 586 |     value: function endPointURL() {
 587 |       var uri = Ajax.appendParams(Ajax.appendParams(this.endPoint, this.params), { vsn: VSN });
 588 |       if (uri.charAt(0) !== "/") {
 589 |         return uri;
 590 |       }
 591 |       if (uri.charAt(1) === "/") {
 592 |         return this.protocol() + ":" + uri;
 593 |       }
 594 | 
 595 |       return this.protocol() + "://" + location.host + uri;
 596 |     }
 597 |   }, {
 598 |     key: "disconnect",
 599 |     value: function disconnect(callback, code, reason) {
 600 |       if (this.conn) {
 601 |         this.conn.onclose = function () {}; // noop
 602 |         if (code) {
 603 |           this.conn.close(code, reason || "");
 604 |         } else {
 605 |           this.conn.close();
 606 |         }
 607 |         this.conn = null;
 608 |       }
 609 |       callback && callback();
 610 |     }
 611 | 
 612 |     // params - The params to send when connecting, for example `{user_id: userToken}`
 613 |   }, {
 614 |     key: "connect",
 615 |     value: function connect(params) {
 616 |       var _this6 = this;
 617 | 
 618 |       if (params) {
 619 |         console && console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor");
 620 |         this.params = params;
 621 |       }
 622 |       if (this.conn) {
 623 |         return;
 624 |       }
 625 | 
 626 |       this.conn = new this.transport(this.endPointURL());
 627 |       this.conn.timeout = this.longpollerTimeout;
 628 |       this.conn.onopen = function () {
 629 |         return _this6.onConnOpen();
 630 |       };
 631 |       this.conn.onerror = function (error) {
 632 |         return _this6.onConnError(error);
 633 |       };
 634 |       this.conn.onmessage = function (event) {
 635 |         return _this6.onConnMessage(event);
 636 |       };
 637 |       this.conn.onclose = function (event) {
 638 |         return _this6.onConnClose(event);
 639 |       };
 640 |     }
 641 | 
 642 |     // Logs the message. Override `this.logger` for specialized logging. noops by default
 643 |   }, {
 644 |     key: "log",
 645 |     value: function log(kind, msg, data) {
 646 |       this.logger(kind, msg, data);
 647 |     }
 648 | 
 649 |     // Registers callbacks for connection state change events
 650 |     //
 651 |     // Examples
 652 |     //
 653 |     //    socket.onError(function(error){ alert("An error occurred") })
 654 |     //
 655 |   }, {
 656 |     key: "onOpen",
 657 |     value: function onOpen(callback) {
 658 |       this.stateChangeCallbacks.open.push(callback);
 659 |     }
 660 |   }, {
 661 |     key: "onClose",
 662 |     value: function onClose(callback) {
 663 |       this.stateChangeCallbacks.close.push(callback);
 664 |     }
 665 |   }, {
 666 |     key: "onError",
 667 |     value: function onError(callback) {
 668 |       this.stateChangeCallbacks.error.push(callback);
 669 |     }
 670 |   }, {
 671 |     key: "onMessage",
 672 |     value: function onMessage(callback) {
 673 |       this.stateChangeCallbacks.message.push(callback);
 674 |     }
 675 |   }, {
 676 |     key: "onConnOpen",
 677 |     value: function onConnOpen() {
 678 |       var _this7 = this;
 679 | 
 680 |       this.log("transport", "connected to " + this.endPointURL(), this.transport.prototype);
 681 |       this.flushSendBuffer();
 682 |       this.reconnectTimer.reset();
 683 |       if (!this.conn.skipHeartbeat) {
 684 |         clearInterval(this.heartbeatTimer);
 685 |         this.heartbeatTimer = setInterval(function () {
 686 |           return _this7.sendHeartbeat();
 687 |         }, this.heartbeatIntervalMs);
 688 |       }
 689 |       this.stateChangeCallbacks.open.forEach(function (callback) {
 690 |         return callback();
 691 |       });
 692 |     }
 693 |   }, {
 694 |     key: "onConnClose",
 695 |     value: function onConnClose(event) {
 696 |       this.log("transport", "close", event);
 697 |       this.triggerChanError();
 698 |       clearInterval(this.heartbeatTimer);
 699 |       this.reconnectTimer.setTimeout();
 700 |       this.stateChangeCallbacks.close.forEach(function (callback) {
 701 |         return callback(event);
 702 |       });
 703 |     }
 704 |   }, {
 705 |     key: "onConnError",
 706 |     value: function onConnError(error) {
 707 |       this.log("transport", error);
 708 |       this.triggerChanError();
 709 |       this.stateChangeCallbacks.error.forEach(function (callback) {
 710 |         return callback(error);
 711 |       });
 712 |     }
 713 |   }, {
 714 |     key: "triggerChanError",
 715 |     value: function triggerChanError() {
 716 |       this.channels.forEach(function (channel) {
 717 |         return channel.trigger(CHANNEL_EVENTS.error);
 718 |       });
 719 |     }
 720 |   }, {
 721 |     key: "connectionState",
 722 |     value: function connectionState() {
 723 |       switch (this.conn && this.conn.readyState) {
 724 |         case SOCKET_STATES.connecting:
 725 |           return "connecting";
 726 |         case SOCKET_STATES.open:
 727 |           return "open";
 728 |         case SOCKET_STATES.closing:
 729 |           return "closing";
 730 |         default:
 731 |           return "closed";
 732 |       }
 733 |     }
 734 |   }, {
 735 |     key: "isConnected",
 736 |     value: function isConnected() {
 737 |       return this.connectionState() === "open";
 738 |     }
 739 |   }, {
 740 |     key: "remove",
 741 |     value: function remove(channel) {
 742 |       this.channels = this.channels.filter(function (c) {
 743 |         return !c.isMember(channel.topic);
 744 |       });
 745 |     }
 746 |   }, {
 747 |     key: "channel",
 748 |     value: function channel(topic) {
 749 |       var chanParams = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 750 | 
 751 |       var channel = new Channel(topic, chanParams, this);
 752 |       this.channels.push(channel);
 753 |       return channel;
 754 |     }
 755 |   }, {
 756 |     key: "push",
 757 |     value: function push(data) {
 758 |       var _this8 = this;
 759 | 
 760 |       var topic = data.topic;
 761 |       var event = data.event;
 762 |       var payload = data.payload;
 763 |       var ref = data.ref;
 764 | 
 765 |       var callback = function callback() {
 766 |         return _this8.conn.send(JSON.stringify(data));
 767 |       };
 768 |       this.log("push", topic + " " + event + " (" + ref + ")", payload);
 769 |       if (this.isConnected()) {
 770 |         callback();
 771 |       } else {
 772 |         this.sendBuffer.push(callback);
 773 |       }
 774 |     }
 775 | 
 776 |     // Return the next message ref, accounting for overflows
 777 |   }, {
 778 |     key: "makeRef",
 779 |     value: function makeRef() {
 780 |       var newRef = this.ref + 1;
 781 |       if (newRef === this.ref) {
 782 |         this.ref = 0;
 783 |       } else {
 784 |         this.ref = newRef;
 785 |       }
 786 | 
 787 |       return this.ref.toString();
 788 |     }
 789 |   }, {
 790 |     key: "sendHeartbeat",
 791 |     value: function sendHeartbeat() {
 792 |       this.push({ topic: "phoenix", event: "heartbeat", payload: {}, ref: this.makeRef() });
 793 |     }
 794 |   }, {
 795 |     key: "flushSendBuffer",
 796 |     value: function flushSendBuffer() {
 797 |       if (this.isConnected() && this.sendBuffer.length > 0) {
 798 |         this.sendBuffer.forEach(function (callback) {
 799 |           return callback();
 800 |         });
 801 |         this.sendBuffer = [];
 802 |       }
 803 |     }
 804 |   }, {
 805 |     key: "onConnMessage",
 806 |     value: function onConnMessage(rawMessage) {
 807 |       var msg = JSON.parse(rawMessage.data);
 808 |       var topic = msg.topic;
 809 |       var event = msg.event;
 810 |       var payload = msg.payload;
 811 |       var ref = msg.ref;
 812 | 
 813 |       this.log("receive", (payload.status || "") + " " + topic + " " + event + " " + (ref && "(" + ref + ")" || ""), payload);
 814 |       this.channels.filter(function (channel) {
 815 |         return channel.isMember(topic);
 816 |       }).forEach(function (channel) {
 817 |         return channel.trigger(event, payload, ref);
 818 |       });
 819 |       this.stateChangeCallbacks.message.forEach(function (callback) {
 820 |         return callback(msg);
 821 |       });
 822 |     }
 823 |   }]);
 824 | 
 825 |   return Socket;
 826 | })();
 827 | 
 828 | exports.Socket = Socket;
 829 | 
 830 | var LongPoll = (function () {
 831 |   function LongPoll(endPoint) {
 832 |     _classCallCheck(this, LongPoll);
 833 | 
 834 |     this.endPoint = null;
 835 |     this.token = null;
 836 |     this.skipHeartbeat = true;
 837 |     this.onopen = function () {}; // noop
 838 |     this.onerror = function () {}; // noop
 839 |     this.onmessage = function () {}; // noop
 840 |     this.onclose = function () {}; // noop
 841 |     this.pollEndpoint = this.normalizeEndpoint(endPoint);
 842 |     this.readyState = SOCKET_STATES.connecting;
 843 | 
 844 |     this.poll();
 845 |   }
 846 | 
 847 |   _createClass(LongPoll, [{
 848 |     key: "normalizeEndpoint",
 849 |     value: function normalizeEndpoint(endPoint) {
 850 |       return endPoint.replace("ws://", "http://").replace("wss://", "https://").replace(new RegExp("(.*)\/" + TRANSPORTS.websocket), "$1/" + TRANSPORTS.longpoll);
 851 |     }
 852 |   }, {
 853 |     key: "endpointURL",
 854 |     value: function endpointURL() {
 855 |       return Ajax.appendParams(this.pollEndpoint, { token: this.token });
 856 |     }
 857 |   }, {
 858 |     key: "closeAndRetry",
 859 |     value: function closeAndRetry() {
 860 |       this.close();
 861 |       this.readyState = SOCKET_STATES.connecting;
 862 |     }
 863 |   }, {
 864 |     key: "ontimeout",
 865 |     value: function ontimeout() {
 866 |       this.onerror("timeout");
 867 |       this.closeAndRetry();
 868 |     }
 869 |   }, {
 870 |     key: "poll",
 871 |     value: function poll() {
 872 |       var _this9 = this;
 873 | 
 874 |       if (!(this.readyState === SOCKET_STATES.open || this.readyState === SOCKET_STATES.connecting)) {
 875 |         return;
 876 |       }
 877 | 
 878 |       Ajax.request("GET", this.endpointURL(), "application/json", null, this.timeout, this.ontimeout.bind(this), function (resp) {
 879 |         if (resp) {
 880 |           var status = resp.status;
 881 |           var token = resp.token;
 882 |           var messages = resp.messages;
 883 | 
 884 |           _this9.token = token;
 885 |         } else {
 886 |           var status = 0;
 887 |         }
 888 | 
 889 |         switch (status) {
 890 |           case 200:
 891 |             messages.forEach(function (msg) {
 892 |               return _this9.onmessage({ data: JSON.stringify(msg) });
 893 |             });
 894 |             _this9.poll();
 895 |             break;
 896 |           case 204:
 897 |             _this9.poll();
 898 |             break;
 899 |           case 410:
 900 |             _this9.readyState = SOCKET_STATES.open;
 901 |             _this9.onopen();
 902 |             _this9.poll();
 903 |             break;
 904 |           case 0:
 905 |           case 500:
 906 |             _this9.onerror();
 907 |             _this9.closeAndRetry();
 908 |             break;
 909 |           default:
 910 |             throw "unhandled poll status " + status;
 911 |         }
 912 |       });
 913 |     }
 914 |   }, {
 915 |     key: "send",
 916 |     value: function send(body) {
 917 |       var _this10 = this;
 918 | 
 919 |       Ajax.request("POST", this.endpointURL(), "application/json", body, this.timeout, this.onerror.bind(this, "timeout"), function (resp) {
 920 |         if (!resp || resp.status !== 200) {
 921 |           _this10.onerror(status);
 922 |           _this10.closeAndRetry();
 923 |         }
 924 |       });
 925 |     }
 926 |   }, {
 927 |     key: "close",
 928 |     value: function close(code, reason) {
 929 |       this.readyState = SOCKET_STATES.closed;
 930 |       this.onclose();
 931 |     }
 932 |   }]);
 933 | 
 934 |   return LongPoll;
 935 | })();
 936 | 
 937 | exports.LongPoll = LongPoll;
 938 | 
 939 | var Ajax = (function () {
 940 |   function Ajax() {
 941 |     _classCallCheck(this, Ajax);
 942 |   }
 943 | 
 944 |   _createClass(Ajax, null, [{
 945 |     key: "request",
 946 |     value: function request(method, endPoint, accept, body, timeout, ontimeout, callback) {
 947 |       if (window.XDomainRequest) {
 948 |         var req = new XDomainRequest(); // IE8, IE9
 949 |         this.xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback);
 950 |       } else {
 951 |         var req = window.XMLHttpRequest ? new XMLHttpRequest() : // IE7+, Firefox, Chrome, Opera, Safari
 952 |         new ActiveXObject("Microsoft.XMLHTTP"); // IE6, IE5
 953 |         this.xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback);
 954 |       }
 955 |     }
 956 |   }, {
 957 |     key: "xdomainRequest",
 958 |     value: function xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback) {
 959 |       var _this11 = this;
 960 | 
 961 |       req.timeout = timeout;
 962 |       req.open(method, endPoint);
 963 |       req.onload = function () {
 964 |         var response = _this11.parseJSON(req.responseText);
 965 |         callback && callback(response);
 966 |       };
 967 |       if (ontimeout) {
 968 |         req.ontimeout = ontimeout;
 969 |       }
 970 | 
 971 |       // Work around bug in IE9 that requires an attached onprogress handler
 972 |       req.onprogress = function () {};
 973 | 
 974 |       req.send(body);
 975 |     }
 976 |   }, {
 977 |     key: "xhrRequest",
 978 |     value: function xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback) {
 979 |       var _this12 = this;
 980 | 
 981 |       req.timeout = timeout;
 982 |       req.open(method, endPoint, true);
 983 |       req.setRequestHeader("Content-Type", accept);
 984 |       req.onerror = function () {
 985 |         callback && callback(null);
 986 |       };
 987 |       req.onreadystatechange = function () {
 988 |         if (req.readyState === _this12.states.complete && callback) {
 989 |           var response = _this12.parseJSON(req.responseText);
 990 |           callback(response);
 991 |         }
 992 |       };
 993 |       if (ontimeout) {
 994 |         req.ontimeout = ontimeout;
 995 |       }
 996 | 
 997 |       req.send(body);
 998 |     }
 999 |   }, {
1000 |     key: "parseJSON",
1001 |     value: function parseJSON(resp) {
1002 |       return resp && resp !== "" ? JSON.parse(resp) : null;
1003 |     }
1004 |   }, {
1005 |     key: "serialize",
1006 |     value: function serialize(obj, parentKey) {
1007 |       var queryStr = [];
1008 |       for (var key in obj) {
1009 |         if (!obj.hasOwnProperty(key)) {
1010 |           continue;
1011 |         }
1012 |         var paramKey = parentKey ? parentKey + "[" + key + "]" : key;
1013 |         var paramVal = obj[key];
1014 |         if (typeof paramVal === "object") {
1015 |           queryStr.push(this.serialize(paramVal, paramKey));
1016 |         } else {
1017 |           queryStr.push(encodeURIComponent(paramKey) + "=" + encodeURIComponent(paramVal));
1018 |         }
1019 |       }
1020 |       return queryStr.join("&");
1021 |     }
1022 |   }, {
1023 |     key: "appendParams",
1024 |     value: function appendParams(url, params) {
1025 |       if (Object.keys(params).length === 0) {
1026 |         return url;
1027 |       }
1028 | 
1029 |       var prefix = url.match(/\?/) ? "&" : "?";
1030 |       return "" + url + prefix + this.serialize(params);
1031 |     }
1032 |   }]);
1033 | 
1034 |   return Ajax;
1035 | })();
1036 | 
1037 | exports.Ajax = Ajax;
1038 | 
1039 | Ajax.states = { complete: 4 };
1040 | 
1041 | // Creates a timer that accepts a `timerCalc` function to perform
1042 | // calculated timeout retries, such as exponential backoff.
1043 | //
1044 | // ## Examples
1045 | //
1046 | //    let reconnectTimer = new Timer(() => this.connect(), function(tries){
1047 | //      return [1000, 5000, 10000][tries - 1] || 10000
1048 | //    })
1049 | //    reconnectTimer.setTimeout() // fires after 1000
1050 | //    reconnectTimer.setTimeout() // fires after 5000
1051 | //    reconnectTimer.reset()
1052 | //    reconnectTimer.setTimeout() // fires after 1000
1053 | //
1054 | 
1055 | var Timer = (function () {
1056 |   function Timer(callback, timerCalc) {
1057 |     _classCallCheck(this, Timer);
1058 | 
1059 |     this.callback = callback;
1060 |     this.timerCalc = timerCalc;
1061 |     this.timer = null;
1062 |     this.tries = 0;
1063 |   }
1064 | 
1065 |   _createClass(Timer, [{
1066 |     key: "reset",
1067 |     value: function reset() {
1068 |       this.tries = 0;
1069 |       clearTimeout(this.timer);
1070 |     }
1071 | 
1072 |     // Cancels any previous setTimeout and schedules callback
1073 |   }, {
1074 |     key: "setTimeout",
1075 |     value: (function (_setTimeout) {
1076 |       function setTimeout() {
1077 |         return _setTimeout.apply(this, arguments);
1078 |       }
1079 | 
1080 |       setTimeout.toString = function () {
1081 |         return _setTimeout.toString();
1082 |       };
1083 | 
1084 |       return setTimeout;
1085 |     })(function () {
1086 |       var _this13 = this;
1087 | 
1088 |       clearTimeout(this.timer);
1089 | 
1090 |       this.timer = setTimeout(function () {
1091 |         _this13.tries = _this13.tries + 1;
1092 |         _this13.callback();
1093 |       }, this.timerCalc(this.tries + 1));
1094 |     })
1095 |   }]);
1096 | 
1097 |   return Timer;
1098 | })();
1099 | });
1100 | 
1101 | ;require.register("deps/phoenix_html/web/static/js/phoenix_html", function(exports, require, module) {
1102 | // Although ^=parent is not technically correct,
1103 | // we need to use it in order to get IE8 support.
1104 | 'use strict';
1105 | 
1106 | var elements = document.querySelectorAll('[data-submit^=parent]');
1107 | var len = elements.length;
1108 | 
1109 | for (var i = 0; i < len; ++i) {
1110 |   elements[i].addEventListener('click', function (event) {
1111 |     var message = this.getAttribute("data-confirm");
1112 |     if (message === null || confirm(message)) {
1113 |       this.parentNode.submit();
1114 |     };
1115 |     event.preventDefault();
1116 |     return false;
1117 |   }, false);
1118 | }
1119 | });
1120 | 
1121 | ;require.register("web/static/js/app", function(exports, require, module) {
1122 | // Brunch automatically concatenates all files in your
1123 | // watched paths. Those paths can be configured at
1124 | // config.paths.watched in "brunch-config.js".
1125 | //
1126 | // However, those files will only be executed if
1127 | // explicitly imported. The only exception are files
1128 | // in vendor, which are never wrapped in imports and
1129 | // therefore are always executed.
1130 | 
1131 | // Import dependencies
1132 | //
1133 | // If you no longer want to use a dependency, remember
1134 | // to also remove its path from "config.paths.watched".
1135 | "use strict";
1136 | 
1137 | require("deps/phoenix_html/web/static/js/phoenix_html");
1138 | 
1139 | // Import local files
1140 | //
1141 | // Local files can be imported directly using relative
1142 | // paths "./socket" or full ones "web/static/js/socket".
1143 | 
1144 | // import socket from "./socket"
1145 | });
1146 | 
1147 | ;require.register("web/static/js/socket", function(exports, require, module) {
1148 | // NOTE: The contents of this file will only be executed if
1149 | // you uncomment its entry in "web/static/js/app.js".
1150 | 
1151 | // To use Phoenix channels, the first step is to import Socket
1152 | // and connect at the socket path in "lib/my_app/endpoint.ex":
1153 | "use strict";
1154 | 
1155 | Object.defineProperty(exports, "__esModule", {
1156 |   value: true
1157 | });
1158 | 
1159 | var _depsPhoenixWebStaticJsPhoenix = require("deps/phoenix/web/static/js/phoenix");
1160 | 
1161 | var socket = new _depsPhoenixWebStaticJsPhoenix.Socket("/socket", { params: { token: window.userToken } });
1162 | 
1163 | // When you connect, you'll often need to authenticate the client.
1164 | // For example, imagine you have an authentication plug, `MyAuth`,
1165 | // which authenticates the session and assigns a `:current_user`.
1166 | // If the current user exists you can assign the user's token in
1167 | // the connection for use in the layout.
1168 | //
1169 | // In your "web/router.ex":
1170 | //
1171 | //     pipeline :browser do
1172 | //       ...
1173 | //       plug MyAuth
1174 | //       plug :put_user_token
1175 | //     end
1176 | //
1177 | //     defp put_user_token(conn, _) do
1178 | //       if current_user = conn.assigns[:current_user] do
1179 | //         token = Phoenix.Token.sign(conn, "user socket", current_user.id)
1180 | //         assign(conn, :user_token, token)
1181 | //       else
1182 | //         conn
1183 | //       end
1184 | //     end
1185 | //
1186 | // Now you need to pass this token to JavaScript. You can do so
1187 | // inside a script tag in "web/templates/layout/app.html.eex":
1188 | //
1189 | //     <script>window.userToken = "<%= assigns[:user_token] %>";</script>
1190 | //
1191 | // You will need to verify the user token in the "connect/2" function
1192 | // in "web/channels/user_socket.ex":
1193 | //
1194 | //     def connect(%{"token" => token}, socket) do
1195 | //       # max_age: 1209600 is equivalent to two weeks in seconds
1196 | //       case Phoenix.Token.verify(socket, "user socket", token, max_age: 1209600) do
1197 | //         {:ok, user_id} ->
1198 | //           {:ok, assign(socket, :user, user_id)}
1199 | //         {:error, reason} ->
1200 | //           :error
1201 | //       end
1202 | //     end
1203 | //
1204 | // Finally, pass the token on connect as below. Or remove it
1205 | // from connect if you don't care about authentication.
1206 | 
1207 | socket.connect();
1208 | 
1209 | // Now that you are connected, you can join channels with a topic:
1210 | var channel = socket.channel("topic:subtopic", {});
1211 | channel.join().receive("ok", function (resp) {
1212 |   console.log("Joined successfully", resp);
1213 | }).receive("error", function (resp) {
1214 |   console.log("Unable to join", resp);
1215 | });
1216 | 
1217 | exports["default"] = socket;
1218 | module.exports = exports["default"];
1219 | });
1220 | 
1221 | ;require('web/static/js/app');
1222 | //# sourceMappingURL=app.js.map


--------------------------------------------------------------------------------
/priv/static/js/app-0d94cff54ad06fcd5eb3428c53e5feca.js.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/js/app-0d94cff54ad06fcd5eb3428c53e5feca.js.gz


--------------------------------------------------------------------------------
/priv/static/js/app-1164dcc745240d43838f8c9705dc4c6d.js:
--------------------------------------------------------------------------------
1 | !function(){"use strict";var e="undefined"==typeof window?global:window;if("function"!=typeof e.require){var t={},n={},i={},o={}.hasOwnProperty,s="components/",r=function(e,t){var n=0;t&&(0===t.indexOf(s)&&(n=s.length),t.indexOf("/",n)>0&&(t=t.substring(n,t.indexOf("/",n))));var o=i[e+"/index.js"]||i[t+"/deps/"+e+"/index.js"];return o?s+o.substring(0,o.length-".js".length):e},a=/^\.\.?(\/|$)/,c=function(e,t){for(var n,i=[],o=(a.test(t)?e+"/"+t:t).split("/"),s=0,r=o.length;r>s;s++)n=o[s],".."===n?i.pop():"."!==n&&""!==n&&i.push(n);return i.join("/")},u=function(e){return e.split("/").slice(0,-1).join("/")},l=function(t){return function(n){var i=c(u(t),n);return e.require(i,t)}},h=function(e,t){var i={id:e,exports:{}};return n[e]=i,t(i.exports,l(e),i),i.exports},f=function(e,i){var s=c(e,".");if(null==i&&(i="/"),s=r(e,i),o.call(n,s))return n[s].exports;if(o.call(t,s))return h(s,t[s]);var a=c(s,"./index");if(o.call(n,a))return n[a].exports;if(o.call(t,a))return h(a,t[a]);throw new Error('Cannot find module "'+e+'" from "'+i+'"')};f.alias=function(e,t){i[t]=e},f.register=f.define=function(e,n){if("object"==typeof e)for(var i in e)o.call(e,i)&&(t[i]=e[i]);else t[e]=n},f.list=function(){var e=[];for(var n in t)o.call(t,n)&&e.push(n);return e},f.brunch=!0,f._cache=n,e.require=f}}(),require.register("deps/phoenix/web/static/js/phoenix",function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s="1.0.0",r={connecting:0,open:1,closing:2,closed:3},a={closed:"closed",errored:"errored",joined:"joined",joining:"joining"},c={close:"phx_close",error:"phx_error",join:"phx_join",reply:"phx_reply",leave:"phx_leave"},u={longpoll:"longpoll",websocket:"websocket"},l=function(){function e(t,n,o){i(this,e),this.channel=t,this.event=n,this.payload=o||{},this.receivedResp=null,this.afterHook=null,this.recHooks=[],this.sent=!1}return o(e,[{key:"send",value:function(){var e=this,t=this.channel.socket.makeRef();this.refEvent=this.channel.replyEventName(t),this.receivedResp=null,this.sent=!1,this.channel.on(this.refEvent,function(t){e.receivedResp=t,e.matchReceive(t),e.cancelRefEvent(),e.cancelAfter()}),this.startAfter(),this.sent=!0,this.channel.socket.push({topic:this.channel.topic,event:this.event,payload:this.payload,ref:t})}},{key:"receive",value:function(e,t){return this.receivedResp&&this.receivedResp.status===e&&t(this.receivedResp.response),this.recHooks.push({status:e,callback:t}),this}},{key:"after",value:function(e,t){if(this.afterHook)throw"only a single after hook can be applied to a push";var n=null;return this.sent&&(n=setTimeout(t,e)),this.afterHook={ms:e,callback:t,timer:n},this}},{key:"matchReceive",value:function(e){var t=e.status,n=e.response;e.ref;this.recHooks.filter(function(e){return e.status===t}).forEach(function(e){return e.callback(n)})}},{key:"cancelRefEvent",value:function(){this.channel.off(this.refEvent)}},{key:"cancelAfter",value:function(){this.afterHook&&(clearTimeout(this.afterHook.timer),this.afterHook.timer=null)}},{key:"startAfter",value:function(){var e=this;if(this.afterHook){var t=function(){e.cancelRefEvent(),e.afterHook.callback()};this.afterHook.timer=setTimeout(t,this.afterHook.ms)}}}]),e}(),h=function(){function e(t,n,o){var s=this;i(this,e),this.state=a.closed,this.topic=t,this.params=n||{},this.socket=o,this.bindings=[],this.joinedOnce=!1,this.joinPush=new l(this,c.join,this.params),this.pushBuffer=[],this.rejoinTimer=new d(function(){return s.rejoinUntilConnected()},this.socket.reconnectAfterMs),this.joinPush.receive("ok",function(){s.state=a.joined,s.rejoinTimer.reset()}),this.onClose(function(){s.socket.log("channel","close "+s.topic),s.state=a.closed,s.socket.remove(s)}),this.onError(function(e){s.socket.log("channel","error "+s.topic,e),s.state=a.errored,s.rejoinTimer.setTimeout()}),this.on(c.reply,function(e,t){s.trigger(s.replyEventName(t),e)})}return o(e,[{key:"rejoinUntilConnected",value:function(){this.rejoinTimer.setTimeout(),this.socket.isConnected()&&this.rejoin()}},{key:"join",value:function(){if(this.joinedOnce)throw"tried to join multiple times. 'join' can only be called a single time per channel instance";return this.joinedOnce=!0,this.sendJoin(),this.joinPush}},{key:"onClose",value:function(e){this.on(c.close,e)}},{key:"onError",value:function(e){this.on(c.error,function(t){return e(t)})}},{key:"on",value:function(e,t){this.bindings.push({event:e,callback:t})}},{key:"off",value:function(e){this.bindings=this.bindings.filter(function(t){return t.event!==e})}},{key:"canPush",value:function(){return this.socket.isConnected()&&this.state===a.joined}},{key:"push",value:function(e,t){if(!this.joinedOnce)throw"tried to push '"+e+"' to '"+this.topic+"' before joining. Use channel.join() before pushing events";var n=new l(this,e,t);return this.canPush()?n.send():this.pushBuffer.push(n),n}},{key:"leave",value:function(){var e=this;return this.push(c.leave).receive("ok",function(){e.socket.log("channel","leave "+e.topic),e.trigger(c.close,"leave")})}},{key:"onMessage",value:function(e,t,n){}},{key:"isMember",value:function(e){return this.topic===e}},{key:"sendJoin",value:function(){this.state=a.joining,this.joinPush.send()}},{key:"rejoin",value:function(){this.sendJoin(),this.pushBuffer.forEach(function(e){return e.send()}),this.pushBuffer=[]}},{key:"trigger",value:function(e,t,n){this.onMessage(e,t,n),this.bindings.filter(function(t){return t.event===e}).map(function(e){return e.callback(t,n)})}},{key:"replyEventName",value:function(e){return"chan_reply_"+e}}]),e}();e.Channel=h;var f=function(){function e(t){var n=this,o=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];i(this,e),this.stateChangeCallbacks={open:[],close:[],error:[],message:[]},this.channels=[],this.sendBuffer=[],this.ref=0,this.transport=o.transport||window.WebSocket||p,this.heartbeatIntervalMs=o.heartbeatIntervalMs||3e4,this.reconnectAfterMs=o.reconnectAfterMs||function(e){return[1e3,5e3,1e4][e-1]||1e4},this.logger=o.logger||function(){},this.longpollerTimeout=o.longpollerTimeout||2e4,this.params=o.params||{},this.endPoint=t+"/"+u.websocket,this.reconnectTimer=new d(function(){n.disconnect(function(){return n.connect()})},this.reconnectAfterMs)}return o(e,[{key:"protocol",value:function(){return location.protocol.match(/^https/)?"wss":"ws"}},{key:"endPointURL",value:function(){var e=v.appendParams(v.appendParams(this.endPoint,this.params),{vsn:s});return"/"!==e.charAt(0)?e:"/"===e.charAt(1)?this.protocol()+":"+e:this.protocol()+"://"+location.host+e}},{key:"disconnect",value:function(e,t,n){this.conn&&(this.conn.onclose=function(){},t?this.conn.close(t,n||""):this.conn.close(),this.conn=null),e&&e()}},{key:"connect",value:function(e){var t=this;e&&(console&&console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor"),this.params=e),this.conn||(this.conn=new this.transport(this.endPointURL()),this.conn.timeout=this.longpollerTimeout,this.conn.onopen=function(){return t.onConnOpen()},this.conn.onerror=function(e){return t.onConnError(e)},this.conn.onmessage=function(e){return t.onConnMessage(e)},this.conn.onclose=function(e){return t.onConnClose(e)})}},{key:"log",value:function(e,t,n){this.logger(e,t,n)}},{key:"onOpen",value:function(e){this.stateChangeCallbacks.open.push(e)}},{key:"onClose",value:function(e){this.stateChangeCallbacks.close.push(e)}},{key:"onError",value:function(e){this.stateChangeCallbacks.error.push(e)}},{key:"onMessage",value:function(e){this.stateChangeCallbacks.message.push(e)}},{key:"onConnOpen",value:function(){var e=this;this.log("transport","connected to "+this.endPointURL(),this.transport.prototype),this.flushSendBuffer(),this.reconnectTimer.reset(),this.conn.skipHeartbeat||(clearInterval(this.heartbeatTimer),this.heartbeatTimer=setInterval(function(){return e.sendHeartbeat()},this.heartbeatIntervalMs)),this.stateChangeCallbacks.open.forEach(function(e){return e()})}},{key:"onConnClose",value:function(e){this.log("transport","close",e),this.triggerChanError(),clearInterval(this.heartbeatTimer),this.reconnectTimer.setTimeout(),this.stateChangeCallbacks.close.forEach(function(t){return t(e)})}},{key:"onConnError",value:function(e){this.log("transport",e),this.triggerChanError(),this.stateChangeCallbacks.error.forEach(function(t){return t(e)})}},{key:"triggerChanError",value:function(){this.channels.forEach(function(e){return e.trigger(c.error)})}},{key:"connectionState",value:function(){switch(this.conn&&this.conn.readyState){case r.connecting:return"connecting";case r.open:return"open";case r.closing:return"closing";default:return"closed"}}},{key:"isConnected",value:function(){return"open"===this.connectionState()}},{key:"remove",value:function(e){this.channels=this.channels.filter(function(t){return!t.isMember(e.topic)})}},{key:"channel",value:function t(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],t=new h(e,n,this);return this.channels.push(t),t}},{key:"push",value:function(e){var t=this,n=e.topic,i=e.event,o=e.payload,s=e.ref,r=function(){return t.conn.send(JSON.stringify(e))};this.log("push",n+" "+i+" ("+s+")",o),this.isConnected()?r():this.sendBuffer.push(r)}},{key:"makeRef",value:function(){var e=this.ref+1;return e===this.ref?this.ref=0:this.ref=e,this.ref.toString()}},{key:"sendHeartbeat",value:function(){this.push({topic:"phoenix",event:"heartbeat",payload:{},ref:this.makeRef()})}},{key:"flushSendBuffer",value:function(){this.isConnected()&&this.sendBuffer.length>0&&(this.sendBuffer.forEach(function(e){return e()}),this.sendBuffer=[])}},{key:"onConnMessage",value:function(e){var t=JSON.parse(e.data),n=t.topic,i=t.event,o=t.payload,s=t.ref;this.log("receive",(o.status||"")+" "+n+" "+i+" "+(s&&"("+s+")"||""),o),this.channels.filter(function(e){return e.isMember(n)}).forEach(function(e){return e.trigger(i,o,s)}),this.stateChangeCallbacks.message.forEach(function(e){return e(t)})}}]),e}();e.Socket=f;var p=function(){function e(t){i(this,e),this.endPoint=null,this.token=null,this.skipHeartbeat=!0,this.onopen=function(){},this.onerror=function(){},this.onmessage=function(){},this.onclose=function(){},this.pollEndpoint=this.normalizeEndpoint(t),this.readyState=r.connecting,this.poll()}return o(e,[{key:"normalizeEndpoint",value:function(e){return e.replace("ws://","http://").replace("wss://","https://").replace(new RegExp("(.*)/"+u.websocket),"$1/"+u.longpoll)}},{key:"endpointURL",value:function(){return v.appendParams(this.pollEndpoint,{token:this.token})}},{key:"closeAndRetry",value:function(){this.close(),this.readyState=r.connecting}},{key:"ontimeout",value:function(){this.onerror("timeout"),this.closeAndRetry()}},{key:"poll",value:function(){var e=this;(this.readyState===r.open||this.readyState===r.connecting)&&v.request("GET",this.endpointURL(),"application/json",null,this.timeout,this.ontimeout.bind(this),function(t){if(t){var n=t.status,i=t.token,o=t.messages;e.token=i}else var n=0;switch(n){case 200:o.forEach(function(t){return e.onmessage({data:JSON.stringify(t)})}),e.poll();break;case 204:e.poll();break;case 410:e.readyState=r.open,e.onopen(),e.poll();break;case 0:case 500:e.onerror(),e.closeAndRetry();break;default:throw"unhandled poll status "+n}})}},{key:"send",value:function(e){var t=this;v.request("POST",this.endpointURL(),"application/json",e,this.timeout,this.onerror.bind(this,"timeout"),function(e){e&&200===e.status||(t.onerror(status),t.closeAndRetry())})}},{key:"close",value:function(e,t){this.readyState=r.closed,this.onclose()}}]),e}();e.LongPoll=p;var v=function(){function e(){i(this,e)}return o(e,null,[{key:"request",value:function(e,t,n,i,o,s,r){if(window.XDomainRequest){var a=new XDomainRequest;this.xdomainRequest(a,e,t,i,o,s,r)}else{var a=window.XMLHttpRequest?new XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP");this.xhrRequest(a,e,t,n,i,o,s,r)}}},{key:"xdomainRequest",value:function(e,t,n,i,o,s,r){var a=this;e.timeout=o,e.open(t,n),e.onload=function(){var t=a.parseJSON(e.responseText);r&&r(t)},s&&(e.ontimeout=s),e.onprogress=function(){},e.send(i)}},{key:"xhrRequest",value:function(e,t,n,i,o,s,r,a){var c=this;e.timeout=s,e.open(t,n,!0),e.setRequestHeader("Content-Type",i),e.onerror=function(){a&&a(null)},e.onreadystatechange=function(){if(e.readyState===c.states.complete&&a){var t=c.parseJSON(e.responseText);a(t)}},r&&(e.ontimeout=r),e.send(o)}},{key:"parseJSON",value:function(e){return e&&""!==e?JSON.parse(e):null}},{key:"serialize",value:function(e,t){var n=[];for(var i in e)if(e.hasOwnProperty(i)){var o=t?t+"["+i+"]":i,s=e[i];"object"==typeof s?n.push(this.serialize(s,o)):n.push(encodeURIComponent(o)+"="+encodeURIComponent(s))}return n.join("&")}},{key:"appendParams",value:function(e,t){if(0===Object.keys(t).length)return e;var n=e.match(/\?/)?"&":"?";return""+e+n+this.serialize(t)}}]),e}();e.Ajax=v,v.states={complete:4};var d=function(){function e(t,n){i(this,e),this.callback=t,this.timerCalc=n,this.timer=null,this.tries=0}return o(e,[{key:"reset",value:function(){this.tries=0,clearTimeout(this.timer)}},{key:"setTimeout",value:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}(function(){var e=this;clearTimeout(this.timer),this.timer=setTimeout(function(){e.tries=e.tries+1,e.callback()},this.timerCalc(this.tries+1))})}]),e}()}),require.register("deps/phoenix_html/web/static/js/phoenix_html",function(e,t,n){"use strict";for(var i=document.querySelectorAll("[data-submit^=parent]"),o=i.length,s=0;o>s;++s)i[s].addEventListener("click",function(e){var t=this.getAttribute("data-confirm");return(null===t||confirm(t))&&this.parentNode.submit(),e.preventDefault(),!1},!1)}),require.register("web/static/js/app",function(e,t,n){"use strict";t("deps/phoenix_html/web/static/js/phoenix_html")}),require.register("web/static/js/socket",function(e,t,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=t("deps/phoenix/web/static/js/phoenix"),o=new i.Socket("/socket",{params:{token:window.userToken}});o.connect();var s=o.channel("topic:subtopic",{});s.join().receive("ok",function(e){console.log("Joined successfully",e)}).receive("error",function(e){console.log("Unable to join",e)}),e["default"]=o,n.exports=e["default"]}),require("web/static/js/app");


--------------------------------------------------------------------------------
/priv/static/js/app-1164dcc745240d43838f8c9705dc4c6d.js.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/js/app-1164dcc745240d43838f8c9705dc4c6d.js.gz


--------------------------------------------------------------------------------
/priv/static/js/app.js:
--------------------------------------------------------------------------------
   1 | (function() {
   2 |   'use strict';
   3 | 
   4 |   var globals = typeof window === 'undefined' ? global : window;
   5 |   if (typeof globals.require === 'function') return;
   6 | 
   7 |   var modules = {};
   8 |   var cache = {};
   9 |   var aliases = {};
  10 |   var has = ({}).hasOwnProperty;
  11 | 
  12 |   var endsWith = function(str, suffix) {
  13 |     return str.indexOf(suffix, str.length - suffix.length) !== -1;
  14 |   };
  15 | 
  16 |   var _cmp = 'components/';
  17 |   var unalias = function(alias, loaderPath) {
  18 |     var start = 0;
  19 |     if (loaderPath) {
  20 |       if (loaderPath.indexOf(_cmp) === 0) {
  21 |         start = _cmp.length;
  22 |       }
  23 |       if (loaderPath.indexOf('/', start) > 0) {
  24 |         loaderPath = loaderPath.substring(start, loaderPath.indexOf('/', start));
  25 |       }
  26 |     }
  27 |     var result = aliases[alias + '/index.js'] || aliases[loaderPath + '/deps/' + alias + '/index.js'];
  28 |     if (result) {
  29 |       return _cmp + result.substring(0, result.length - '.js'.length);
  30 |     }
  31 |     return alias;
  32 |   };
  33 | 
  34 |   var _reg = /^\.\.?(\/|$)/;
  35 |   var expand = function(root, name) {
  36 |     var results = [], part;
  37 |     var parts = (_reg.test(name) ? root + '/' + name : name).split('/');
  38 |     for (var i = 0, length = parts.length; i < length; i++) {
  39 |       part = parts[i];
  40 |       if (part === '..') {
  41 |         results.pop();
  42 |       } else if (part !== '.' && part !== '') {
  43 |         results.push(part);
  44 |       }
  45 |     }
  46 |     return results.join('/');
  47 |   };
  48 | 
  49 |   var dirname = function(path) {
  50 |     return path.split('/').slice(0, -1).join('/');
  51 |   };
  52 | 
  53 |   var localRequire = function(path) {
  54 |     return function expanded(name) {
  55 |       var absolute = expand(dirname(path), name);
  56 |       return globals.require(absolute, path);
  57 |     };
  58 |   };
  59 | 
  60 |   var initModule = function(name, definition) {
  61 |     var module = {id: name, exports: {}};
  62 |     cache[name] = module;
  63 |     definition(module.exports, localRequire(name), module);
  64 |     return module.exports;
  65 |   };
  66 | 
  67 |   var require = function(name, loaderPath) {
  68 |     var path = expand(name, '.');
  69 |     if (loaderPath == null) loaderPath = '/';
  70 |     path = unalias(name, loaderPath);
  71 | 
  72 |     if (has.call(cache, path)) return cache[path].exports;
  73 |     if (has.call(modules, path)) return initModule(path, modules[path]);
  74 | 
  75 |     var dirIndex = expand(path, './index');
  76 |     if (has.call(cache, dirIndex)) return cache[dirIndex].exports;
  77 |     if (has.call(modules, dirIndex)) return initModule(dirIndex, modules[dirIndex]);
  78 | 
  79 |     throw new Error('Cannot find module "' + name + '" from '+ '"' + loaderPath + '"');
  80 |   };
  81 | 
  82 |   require.alias = function(from, to) {
  83 |     aliases[to] = from;
  84 |   };
  85 | 
  86 |   require.register = require.define = function(bundle, fn) {
  87 |     if (typeof bundle === 'object') {
  88 |       for (var key in bundle) {
  89 |         if (has.call(bundle, key)) {
  90 |           modules[key] = bundle[key];
  91 |         }
  92 |       }
  93 |     } else {
  94 |       modules[bundle] = fn;
  95 |     }
  96 |   };
  97 | 
  98 |   require.list = function() {
  99 |     var result = [];
 100 |     for (var item in modules) {
 101 |       if (has.call(modules, item)) {
 102 |         result.push(item);
 103 |       }
 104 |     }
 105 |     return result;
 106 |   };
 107 | 
 108 |   require.brunch = true;
 109 |   require._cache = cache;
 110 |   globals.require = require;
 111 | })();
 112 | require.register("deps/phoenix/web/static/js/phoenix", function(exports, require, module) {
 113 | // Phoenix Channels JavaScript client
 114 | //
 115 | // ## Socket Connection
 116 | //
 117 | // A single connection is established to the server and
 118 | // channels are mulitplexed over the connection.
 119 | // Connect to the server using the `Socket` class:
 120 | //
 121 | //     let socket = new Socket("/ws", {params: {userToken: "123"}})
 122 | //     socket.connect()
 123 | //
 124 | // The `Socket` constructor takes the mount point of the socket,
 125 | // the authentication params, as well as options that can be found in
 126 | // the Socket docs, such as configuring the `LongPoll` transport, and
 127 | // heartbeat.
 128 | //
 129 | // ## Channels
 130 | //
 131 | // Channels are isolated, concurrent processes on the server that
 132 | // subscribe to topics and broker events between the client and server.
 133 | // To join a channel, you must provide the topic, and channel params for
 134 | // authorization. Here's an example chat room example where `"new_msg"`
 135 | // events are listened for, messages are pushed to the server, and
 136 | // the channel is joined with ok/error/timeout matches:
 137 | //
 138 | //     let channel = socket.channel("rooms:123", {token: roomToken})
 139 | //     channel.on("new_msg", msg => console.log("Got message", msg) )
 140 | //     $input.onEnter( e => {
 141 | //       channel.push("new_msg", {body: e.target.val}, 10000)
 142 | //        .receive("ok", (msg) => console.log("created message", msg) )
 143 | //        .receive("error", (reasons) => console.log("create failed", reasons) )
 144 | //        .receive("timeout", () => console.log("Networking issue...") )
 145 | //     })
 146 | //     channel.join()
 147 | //       .receive("ok", ({messages}) => console.log("catching up", messages) )
 148 | //       .receive("error", ({reason}) => console.log("failed join", reason) )
 149 | //       .receive("timeout", () => console.log("Networking issue. Still waiting...") )
 150 | //
 151 | //
 152 | // ## Joining
 153 | //
 154 | // Creating a channel with `socket.channel(topic, params)`, binds the params to
 155 | // `channel.params`, which are sent up on `channel.join()`.
 156 | // Subsequent rejoins will send up the modified params for
 157 | // updating authorization params, or passing up last_message_id information.
 158 | // Successful joins receive an "ok" status, while unsuccessful joins
 159 | // receive "error".
 160 | //
 161 | //
 162 | // ## Pushing Messages
 163 | //
 164 | // From the previous example, we can see that pushing messages to the server
 165 | // can be done with `channel.push(eventName, payload)` and we can optionally
 166 | // receive responses from the push. Additionally, we can use
 167 | // `receive("timeout", callback)` to abort waiting for our other `receive` hooks
 168 | //  and take action after some period of waiting. The default timeout is 5000ms.
 169 | //
 170 | //
 171 | // ## Socket Hooks
 172 | //
 173 | // Lifecycle events of the multiplexed connection can be hooked into via
 174 | // `socket.onError()` and `socket.onClose()` events, ie:
 175 | //
 176 | //     socket.onError( () => console.log("there was an error with the connection!") )
 177 | //     socket.onClose( () => console.log("the connection dropped") )
 178 | //
 179 | //
 180 | // ## Channel Hooks
 181 | //
 182 | // For each joined channel, you can bind to `onError` and `onClose` events
 183 | // to monitor the channel lifecycle, ie:
 184 | //
 185 | //     channel.onError( () => console.log("there was an error!") )
 186 | //     channel.onClose( () => console.log("the channel has gone away gracefully") )
 187 | //
 188 | // ### onError hooks
 189 | //
 190 | // `onError` hooks are invoked if the socket connection drops, or the channel
 191 | // crashes on the server. In either case, a channel rejoin is attemtped
 192 | // automatically in an exponential backoff manner.
 193 | //
 194 | // ### onClose hooks
 195 | //
 196 | // `onClose` hooks are invoked only in two cases. 1) the channel explicitly
 197 | // closed on the server, or 2). The client explicitly closed, by calling
 198 | // `channel.leave()`
 199 | //
 200 | 
 201 | "use strict";
 202 | 
 203 | Object.defineProperty(exports, "__esModule", {
 204 |   value: true
 205 | });
 206 | 
 207 | var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 208 | 
 209 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 210 | 
 211 | var VSN = "1.0.0";
 212 | var SOCKET_STATES = { connecting: 0, open: 1, closing: 2, closed: 3 };
 213 | var DEFAULT_TIMEOUT = 10000;
 214 | var CHANNEL_STATES = {
 215 |   closed: "closed",
 216 |   errored: "errored",
 217 |   joined: "joined",
 218 |   joining: "joining"
 219 | };
 220 | var CHANNEL_EVENTS = {
 221 |   close: "phx_close",
 222 |   error: "phx_error",
 223 |   join: "phx_join",
 224 |   reply: "phx_reply",
 225 |   leave: "phx_leave"
 226 | };
 227 | var TRANSPORTS = {
 228 |   longpoll: "longpoll",
 229 |   websocket: "websocket"
 230 | };
 231 | 
 232 | var Push = (function () {
 233 | 
 234 |   // Initializes the Push
 235 |   //
 236 |   // channel - The Channel
 237 |   // event - The event, for example `"phx_join"`
 238 |   // payload - The payload, for example `{user_id: 123}`
 239 |   // timeout - The push timeout in milliseconds
 240 |   //
 241 | 
 242 |   function Push(channel, event, payload, timeout) {
 243 |     _classCallCheck(this, Push);
 244 | 
 245 |     this.channel = channel;
 246 |     this.event = event;
 247 |     this.payload = payload || {};
 248 |     this.receivedResp = null;
 249 |     this.timeout = timeout;
 250 |     this.timeoutTimer = null;
 251 |     this.recHooks = [];
 252 |     this.sent = false;
 253 |   }
 254 | 
 255 |   _createClass(Push, [{
 256 |     key: "resend",
 257 |     value: function resend(timeout) {
 258 |       this.timeout = timeout;
 259 |       this.cancelRefEvent();
 260 |       this.ref = null;
 261 |       this.refEvent = null;
 262 |       this.receivedResp = null;
 263 |       this.sent = false;
 264 |       this.send();
 265 |     }
 266 |   }, {
 267 |     key: "send",
 268 |     value: function send() {
 269 |       if (this.hasReceived("timeout")) {
 270 |         return;
 271 |       }
 272 |       this.startTimeout();
 273 |       this.sent = true;
 274 |       this.channel.socket.push({
 275 |         topic: this.channel.topic,
 276 |         event: this.event,
 277 |         payload: this.payload,
 278 |         ref: this.ref
 279 |       });
 280 |     }
 281 |   }, {
 282 |     key: "receive",
 283 |     value: function receive(status, callback) {
 284 |       if (this.hasReceived(status)) {
 285 |         callback(this.receivedResp.response);
 286 |       }
 287 | 
 288 |       this.recHooks.push({ status: status, callback: callback });
 289 |       return this;
 290 |     }
 291 | 
 292 |     // private
 293 | 
 294 |   }, {
 295 |     key: "matchReceive",
 296 |     value: function matchReceive(_ref) {
 297 |       var status = _ref.status;
 298 |       var response = _ref.response;
 299 |       var ref = _ref.ref;
 300 | 
 301 |       this.recHooks.filter(function (h) {
 302 |         return h.status === status;
 303 |       }).forEach(function (h) {
 304 |         return h.callback(response);
 305 |       });
 306 |     }
 307 |   }, {
 308 |     key: "cancelRefEvent",
 309 |     value: function cancelRefEvent() {
 310 |       if (!this.refEvent) {
 311 |         return;
 312 |       }
 313 |       this.channel.off(this.refEvent);
 314 |     }
 315 |   }, {
 316 |     key: "cancelTimeout",
 317 |     value: function cancelTimeout() {
 318 |       clearTimeout(this.timeoutTimer);
 319 |       this.timeoutTimer = null;
 320 |     }
 321 |   }, {
 322 |     key: "startTimeout",
 323 |     value: function startTimeout() {
 324 |       var _this = this;
 325 | 
 326 |       if (this.timeoutTimer) {
 327 |         return;
 328 |       }
 329 |       this.ref = this.channel.socket.makeRef();
 330 |       this.refEvent = this.channel.replyEventName(this.ref);
 331 | 
 332 |       this.channel.on(this.refEvent, function (payload) {
 333 |         _this.cancelRefEvent();
 334 |         _this.cancelTimeout();
 335 |         _this.receivedResp = payload;
 336 |         _this.matchReceive(payload);
 337 |       });
 338 | 
 339 |       this.timeoutTimer = setTimeout(function () {
 340 |         _this.trigger("timeout", {});
 341 |       }, this.timeout);
 342 |     }
 343 |   }, {
 344 |     key: "hasReceived",
 345 |     value: function hasReceived(status) {
 346 |       return this.receivedResp && this.receivedResp.status === status;
 347 |     }
 348 |   }, {
 349 |     key: "trigger",
 350 |     value: function trigger(status, response) {
 351 |       this.channel.trigger(this.refEvent, { status: status, response: response });
 352 |     }
 353 |   }]);
 354 | 
 355 |   return Push;
 356 | })();
 357 | 
 358 | var Channel = (function () {
 359 |   function Channel(topic, params, socket) {
 360 |     var _this2 = this;
 361 | 
 362 |     _classCallCheck(this, Channel);
 363 | 
 364 |     this.state = CHANNEL_STATES.closed;
 365 |     this.topic = topic;
 366 |     this.params = params || {};
 367 |     this.socket = socket;
 368 |     this.bindings = [];
 369 |     this.timeout = this.socket.timeout;
 370 |     this.joinedOnce = false;
 371 |     this.joinPush = new Push(this, CHANNEL_EVENTS.join, this.params, this.timeout);
 372 |     this.pushBuffer = [];
 373 |     this.rejoinTimer = new Timer(function () {
 374 |       return _this2.rejoinUntilConnected();
 375 |     }, this.socket.reconnectAfterMs);
 376 |     this.joinPush.receive("ok", function () {
 377 |       _this2.state = CHANNEL_STATES.joined;
 378 |       _this2.rejoinTimer.reset();
 379 |       _this2.pushBuffer.forEach(function (pushEvent) {
 380 |         return pushEvent.send();
 381 |       });
 382 |       _this2.pushBuffer = [];
 383 |     });
 384 |     this.onClose(function () {
 385 |       _this2.socket.log("channel", "close " + _this2.topic);
 386 |       _this2.state = CHANNEL_STATES.closed;
 387 |       _this2.socket.remove(_this2);
 388 |     });
 389 |     this.onError(function (reason) {
 390 |       _this2.socket.log("channel", "error " + _this2.topic, reason);
 391 |       _this2.state = CHANNEL_STATES.errored;
 392 |       _this2.rejoinTimer.scheduleTimeout();
 393 |     });
 394 |     this.joinPush.receive("timeout", function () {
 395 |       if (_this2.state !== CHANNEL_STATES.joining) {
 396 |         return;
 397 |       }
 398 | 
 399 |       _this2.socket.log("channel", "timeout " + _this2.topic, _this2.joinPush.timeout);
 400 |       _this2.state = CHANNEL_STATES.errored;
 401 |       _this2.rejoinTimer.scheduleTimeout();
 402 |     });
 403 |     this.on(CHANNEL_EVENTS.reply, function (payload, ref) {
 404 |       _this2.trigger(_this2.replyEventName(ref), payload);
 405 |     });
 406 |   }
 407 | 
 408 |   _createClass(Channel, [{
 409 |     key: "rejoinUntilConnected",
 410 |     value: function rejoinUntilConnected() {
 411 |       this.rejoinTimer.scheduleTimeout();
 412 |       if (this.socket.isConnected()) {
 413 |         this.rejoin();
 414 |       }
 415 |     }
 416 |   }, {
 417 |     key: "join",
 418 |     value: function join() {
 419 |       var timeout = arguments.length <= 0 || arguments[0] === undefined ? this.timeout : arguments[0];
 420 | 
 421 |       if (this.joinedOnce) {
 422 |         throw "tried to join multiple times. 'join' can only be called a single time per channel instance";
 423 |       } else {
 424 |         this.joinedOnce = true;
 425 |       }
 426 |       this.rejoin(timeout);
 427 |       return this.joinPush;
 428 |     }
 429 |   }, {
 430 |     key: "onClose",
 431 |     value: function onClose(callback) {
 432 |       this.on(CHANNEL_EVENTS.close, callback);
 433 |     }
 434 |   }, {
 435 |     key: "onError",
 436 |     value: function onError(callback) {
 437 |       this.on(CHANNEL_EVENTS.error, function (reason) {
 438 |         return callback(reason);
 439 |       });
 440 |     }
 441 |   }, {
 442 |     key: "on",
 443 |     value: function on(event, callback) {
 444 |       this.bindings.push({ event: event, callback: callback });
 445 |     }
 446 |   }, {
 447 |     key: "off",
 448 |     value: function off(event) {
 449 |       this.bindings = this.bindings.filter(function (bind) {
 450 |         return bind.event !== event;
 451 |       });
 452 |     }
 453 |   }, {
 454 |     key: "canPush",
 455 |     value: function canPush() {
 456 |       return this.socket.isConnected() && this.state === CHANNEL_STATES.joined;
 457 |     }
 458 |   }, {
 459 |     key: "push",
 460 |     value: function push(event, payload) {
 461 |       var timeout = arguments.length <= 2 || arguments[2] === undefined ? this.timeout : arguments[2];
 462 | 
 463 |       if (!this.joinedOnce) {
 464 |         throw "tried to push '" + event + "' to '" + this.topic + "' before joining. Use channel.join() before pushing events";
 465 |       }
 466 |       var pushEvent = new Push(this, event, payload, timeout);
 467 |       if (this.canPush()) {
 468 |         pushEvent.send();
 469 |       } else {
 470 |         pushEvent.startTimeout();
 471 |         this.pushBuffer.push(pushEvent);
 472 |       }
 473 | 
 474 |       return pushEvent;
 475 |     }
 476 | 
 477 |     // Leaves the channel
 478 |     //
 479 |     // Unsubscribes from server events, and
 480 |     // instructs channel to terminate on server
 481 |     //
 482 |     // Triggers onClose() hooks
 483 |     //
 484 |     // To receive leave acknowledgements, use the a `receive`
 485 |     // hook to bind to the server ack, ie:
 486 |     //
 487 |     //     channel.leave().receive("ok", () => alert("left!") )
 488 |     //
 489 |   }, {
 490 |     key: "leave",
 491 |     value: function leave() {
 492 |       var _this3 = this;
 493 | 
 494 |       var timeout = arguments.length <= 0 || arguments[0] === undefined ? this.timeout : arguments[0];
 495 | 
 496 |       var onClose = function onClose() {
 497 |         _this3.socket.log("channel", "leave " + _this3.topic);
 498 |         _this3.trigger(CHANNEL_EVENTS.close, "leave");
 499 |       };
 500 |       var leavePush = new Push(this, CHANNEL_EVENTS.leave, {}, timeout);
 501 |       leavePush.receive("ok", function () {
 502 |         return onClose();
 503 |       }).receive("timeout", function () {
 504 |         return onClose();
 505 |       });
 506 |       leavePush.send();
 507 |       if (!this.canPush()) {
 508 |         leavePush.trigger("ok", {});
 509 |       }
 510 | 
 511 |       return leavePush;
 512 |     }
 513 | 
 514 |     // Overridable message hook
 515 |     //
 516 |     // Receives all events for specialized message handling
 517 |   }, {
 518 |     key: "onMessage",
 519 |     value: function onMessage(event, payload, ref) {}
 520 | 
 521 |     // private
 522 | 
 523 |   }, {
 524 |     key: "isMember",
 525 |     value: function isMember(topic) {
 526 |       return this.topic === topic;
 527 |     }
 528 |   }, {
 529 |     key: "sendJoin",
 530 |     value: function sendJoin(timeout) {
 531 |       this.state = CHANNEL_STATES.joining;
 532 |       this.joinPush.resend(timeout);
 533 |     }
 534 |   }, {
 535 |     key: "rejoin",
 536 |     value: function rejoin() {
 537 |       var timeout = arguments.length <= 0 || arguments[0] === undefined ? this.timeout : arguments[0];
 538 |       this.sendJoin(timeout);
 539 |     }
 540 |   }, {
 541 |     key: "trigger",
 542 |     value: function trigger(triggerEvent, payload, ref) {
 543 |       this.onMessage(triggerEvent, payload, ref);
 544 |       this.bindings.filter(function (bind) {
 545 |         return bind.event === triggerEvent;
 546 |       }).map(function (bind) {
 547 |         return bind.callback(payload, ref);
 548 |       });
 549 |     }
 550 |   }, {
 551 |     key: "replyEventName",
 552 |     value: function replyEventName(ref) {
 553 |       return "chan_reply_" + ref;
 554 |     }
 555 |   }]);
 556 | 
 557 |   return Channel;
 558 | })();
 559 | 
 560 | exports.Channel = Channel;
 561 | 
 562 | var Socket = (function () {
 563 | 
 564 |   // Initializes the Socket
 565 |   //
 566 |   // endPoint - The string WebSocket endpoint, ie, "ws://example.com/ws",
 567 |   //                                               "wss://example.com"
 568 |   //                                               "/ws" (inherited host & protocol)
 569 |   // opts - Optional configuration
 570 |   //   transport - The Websocket Transport, for example WebSocket or Phoenix.LongPoll.
 571 |   //               Defaults to WebSocket with automatic LongPoll fallback.
 572 |   //   timeout - The default timeout in milliseconds to trigger push timeouts.
 573 |   //             Defaults `DEFAULT_TIMEOUT`
 574 |   //   heartbeatIntervalMs - The millisec interval to send a heartbeat message
 575 |   //   reconnectAfterMs - The optional function that returns the millsec
 576 |   //                      reconnect interval. Defaults to stepped backoff of:
 577 |   //
 578 |   //     function(tries){
 579 |   //       return [1000, 5000, 10000][tries - 1] || 10000
 580 |   //     }
 581 |   //
 582 |   //   logger - The optional function for specialized logging, ie:
 583 |   //     `logger: (kind, msg, data) => { console.log(`${kind}: ${msg}`, data) }
 584 |   //
 585 |   //   longpollerTimeout - The maximum timeout of a long poll AJAX request.
 586 |   //                        Defaults to 20s (double the server long poll timer).
 587 |   //
 588 |   //   params - The optional params to pass when connecting
 589 |   //
 590 |   // For IE8 support use an ES5-shim (https://github.com/es-shims/es5-shim)
 591 |   //
 592 | 
 593 |   function Socket(endPoint) {
 594 |     var _this4 = this;
 595 | 
 596 |     var opts = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 597 | 
 598 |     _classCallCheck(this, Socket);
 599 | 
 600 |     this.stateChangeCallbacks = { open: [], close: [], error: [], message: [] };
 601 |     this.channels = [];
 602 |     this.sendBuffer = [];
 603 |     this.ref = 0;
 604 |     this.timeout = opts.timeout || DEFAULT_TIMEOUT;
 605 |     this.transport = opts.transport || window.WebSocket || LongPoll;
 606 |     this.heartbeatIntervalMs = opts.heartbeatIntervalMs || 30000;
 607 |     this.reconnectAfterMs = opts.reconnectAfterMs || function (tries) {
 608 |       return [1000, 2000, 5000, 10000][tries - 1] || 10000;
 609 |     };
 610 |     this.logger = opts.logger || function () {}; // noop
 611 |     this.longpollerTimeout = opts.longpollerTimeout || 20000;
 612 |     this.params = opts.params || {};
 613 |     this.endPoint = endPoint + "/" + TRANSPORTS.websocket;
 614 |     this.reconnectTimer = new Timer(function () {
 615 |       _this4.disconnect(function () {
 616 |         return _this4.connect();
 617 |       });
 618 |     }, this.reconnectAfterMs);
 619 |   }
 620 | 
 621 |   _createClass(Socket, [{
 622 |     key: "protocol",
 623 |     value: function protocol() {
 624 |       return location.protocol.match(/^https/) ? "wss" : "ws";
 625 |     }
 626 |   }, {
 627 |     key: "endPointURL",
 628 |     value: function endPointURL() {
 629 |       var uri = Ajax.appendParams(Ajax.appendParams(this.endPoint, this.params), { vsn: VSN });
 630 |       if (uri.charAt(0) !== "/") {
 631 |         return uri;
 632 |       }
 633 |       if (uri.charAt(1) === "/") {
 634 |         return this.protocol() + ":" + uri;
 635 |       }
 636 | 
 637 |       return this.protocol() + "://" + location.host + uri;
 638 |     }
 639 |   }, {
 640 |     key: "disconnect",
 641 |     value: function disconnect(callback, code, reason) {
 642 |       if (this.conn) {
 643 |         this.conn.onclose = function () {}; // noop
 644 |         if (code) {
 645 |           this.conn.close(code, reason || "");
 646 |         } else {
 647 |           this.conn.close();
 648 |         }
 649 |         this.conn = null;
 650 |       }
 651 |       callback && callback();
 652 |     }
 653 | 
 654 |     // params - The params to send when connecting, for example `{user_id: userToken}`
 655 |   }, {
 656 |     key: "connect",
 657 |     value: function connect(params) {
 658 |       var _this5 = this;
 659 | 
 660 |       if (params) {
 661 |         console && console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor");
 662 |         this.params = params;
 663 |       }
 664 |       if (this.conn) {
 665 |         return;
 666 |       }
 667 | 
 668 |       this.conn = new this.transport(this.endPointURL());
 669 |       this.conn.timeout = this.longpollerTimeout;
 670 |       this.conn.onopen = function () {
 671 |         return _this5.onConnOpen();
 672 |       };
 673 |       this.conn.onerror = function (error) {
 674 |         return _this5.onConnError(error);
 675 |       };
 676 |       this.conn.onmessage = function (event) {
 677 |         return _this5.onConnMessage(event);
 678 |       };
 679 |       this.conn.onclose = function (event) {
 680 |         return _this5.onConnClose(event);
 681 |       };
 682 |     }
 683 | 
 684 |     // Logs the message. Override `this.logger` for specialized logging. noops by default
 685 |   }, {
 686 |     key: "log",
 687 |     value: function log(kind, msg, data) {
 688 |       this.logger(kind, msg, data);
 689 |     }
 690 | 
 691 |     // Registers callbacks for connection state change events
 692 |     //
 693 |     // Examples
 694 |     //
 695 |     //    socket.onError(function(error){ alert("An error occurred") })
 696 |     //
 697 |   }, {
 698 |     key: "onOpen",
 699 |     value: function onOpen(callback) {
 700 |       this.stateChangeCallbacks.open.push(callback);
 701 |     }
 702 |   }, {
 703 |     key: "onClose",
 704 |     value: function onClose(callback) {
 705 |       this.stateChangeCallbacks.close.push(callback);
 706 |     }
 707 |   }, {
 708 |     key: "onError",
 709 |     value: function onError(callback) {
 710 |       this.stateChangeCallbacks.error.push(callback);
 711 |     }
 712 |   }, {
 713 |     key: "onMessage",
 714 |     value: function onMessage(callback) {
 715 |       this.stateChangeCallbacks.message.push(callback);
 716 |     }
 717 |   }, {
 718 |     key: "onConnOpen",
 719 |     value: function onConnOpen() {
 720 |       var _this6 = this;
 721 | 
 722 |       this.log("transport", "connected to " + this.endPointURL(), this.transport.prototype);
 723 |       this.flushSendBuffer();
 724 |       this.reconnectTimer.reset();
 725 |       if (!this.conn.skipHeartbeat) {
 726 |         clearInterval(this.heartbeatTimer);
 727 |         this.heartbeatTimer = setInterval(function () {
 728 |           return _this6.sendHeartbeat();
 729 |         }, this.heartbeatIntervalMs);
 730 |       }
 731 |       this.stateChangeCallbacks.open.forEach(function (callback) {
 732 |         return callback();
 733 |       });
 734 |     }
 735 |   }, {
 736 |     key: "onConnClose",
 737 |     value: function onConnClose(event) {
 738 |       this.log("transport", "close", event);
 739 |       this.triggerChanError();
 740 |       clearInterval(this.heartbeatTimer);
 741 |       this.reconnectTimer.scheduleTimeout();
 742 |       this.stateChangeCallbacks.close.forEach(function (callback) {
 743 |         return callback(event);
 744 |       });
 745 |     }
 746 |   }, {
 747 |     key: "onConnError",
 748 |     value: function onConnError(error) {
 749 |       this.log("transport", error);
 750 |       this.triggerChanError();
 751 |       this.stateChangeCallbacks.error.forEach(function (callback) {
 752 |         return callback(error);
 753 |       });
 754 |     }
 755 |   }, {
 756 |     key: "triggerChanError",
 757 |     value: function triggerChanError() {
 758 |       this.channels.forEach(function (channel) {
 759 |         return channel.trigger(CHANNEL_EVENTS.error);
 760 |       });
 761 |     }
 762 |   }, {
 763 |     key: "connectionState",
 764 |     value: function connectionState() {
 765 |       switch (this.conn && this.conn.readyState) {
 766 |         case SOCKET_STATES.connecting:
 767 |           return "connecting";
 768 |         case SOCKET_STATES.open:
 769 |           return "open";
 770 |         case SOCKET_STATES.closing:
 771 |           return "closing";
 772 |         default:
 773 |           return "closed";
 774 |       }
 775 |     }
 776 |   }, {
 777 |     key: "isConnected",
 778 |     value: function isConnected() {
 779 |       return this.connectionState() === "open";
 780 |     }
 781 |   }, {
 782 |     key: "remove",
 783 |     value: function remove(channel) {
 784 |       this.channels = this.channels.filter(function (c) {
 785 |         return !c.isMember(channel.topic);
 786 |       });
 787 |     }
 788 |   }, {
 789 |     key: "channel",
 790 |     value: function channel(topic) {
 791 |       var chanParams = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 792 | 
 793 |       var chan = new Channel(topic, chanParams, this);
 794 |       this.channels.push(chan);
 795 |       return chan;
 796 |     }
 797 |   }, {
 798 |     key: "push",
 799 |     value: function push(data) {
 800 |       var _this7 = this;
 801 | 
 802 |       var topic = data.topic;
 803 |       var event = data.event;
 804 |       var payload = data.payload;
 805 |       var ref = data.ref;
 806 | 
 807 |       var callback = function callback() {
 808 |         return _this7.conn.send(JSON.stringify(data));
 809 |       };
 810 |       this.log("push", topic + " " + event + " (" + ref + ")", payload);
 811 |       if (this.isConnected()) {
 812 |         callback();
 813 |       } else {
 814 |         this.sendBuffer.push(callback);
 815 |       }
 816 |     }
 817 | 
 818 |     // Return the next message ref, accounting for overflows
 819 |   }, {
 820 |     key: "makeRef",
 821 |     value: function makeRef() {
 822 |       var newRef = this.ref + 1;
 823 |       if (newRef === this.ref) {
 824 |         this.ref = 0;
 825 |       } else {
 826 |         this.ref = newRef;
 827 |       }
 828 | 
 829 |       return this.ref.toString();
 830 |     }
 831 |   }, {
 832 |     key: "sendHeartbeat",
 833 |     value: function sendHeartbeat() {
 834 |       if (!this.isConnected()) {
 835 |         return;
 836 |       }
 837 |       this.push({ topic: "phoenix", event: "heartbeat", payload: {}, ref: this.makeRef() });
 838 |     }
 839 |   }, {
 840 |     key: "flushSendBuffer",
 841 |     value: function flushSendBuffer() {
 842 |       if (this.isConnected() && this.sendBuffer.length > 0) {
 843 |         this.sendBuffer.forEach(function (callback) {
 844 |           return callback();
 845 |         });
 846 |         this.sendBuffer = [];
 847 |       }
 848 |     }
 849 |   }, {
 850 |     key: "onConnMessage",
 851 |     value: function onConnMessage(rawMessage) {
 852 |       var msg = JSON.parse(rawMessage.data);
 853 |       var topic = msg.topic;
 854 |       var event = msg.event;
 855 |       var payload = msg.payload;
 856 |       var ref = msg.ref;
 857 | 
 858 |       this.log("receive", (payload.status || "") + " " + topic + " " + event + " " + (ref && "(" + ref + ")" || ""), payload);
 859 |       this.channels.filter(function (channel) {
 860 |         return channel.isMember(topic);
 861 |       }).forEach(function (channel) {
 862 |         return channel.trigger(event, payload, ref);
 863 |       });
 864 |       this.stateChangeCallbacks.message.forEach(function (callback) {
 865 |         return callback(msg);
 866 |       });
 867 |     }
 868 |   }]);
 869 | 
 870 |   return Socket;
 871 | })();
 872 | 
 873 | exports.Socket = Socket;
 874 | 
 875 | var LongPoll = (function () {
 876 |   function LongPoll(endPoint) {
 877 |     _classCallCheck(this, LongPoll);
 878 | 
 879 |     this.endPoint = null;
 880 |     this.token = null;
 881 |     this.skipHeartbeat = true;
 882 |     this.onopen = function () {}; // noop
 883 |     this.onerror = function () {}; // noop
 884 |     this.onmessage = function () {}; // noop
 885 |     this.onclose = function () {}; // noop
 886 |     this.pollEndpoint = this.normalizeEndpoint(endPoint);
 887 |     this.readyState = SOCKET_STATES.connecting;
 888 | 
 889 |     this.poll();
 890 |   }
 891 | 
 892 |   _createClass(LongPoll, [{
 893 |     key: "normalizeEndpoint",
 894 |     value: function normalizeEndpoint(endPoint) {
 895 |       return endPoint.replace("ws://", "http://").replace("wss://", "https://").replace(new RegExp("(.*)\/" + TRANSPORTS.websocket), "$1/" + TRANSPORTS.longpoll);
 896 |     }
 897 |   }, {
 898 |     key: "endpointURL",
 899 |     value: function endpointURL() {
 900 |       return Ajax.appendParams(this.pollEndpoint, { token: this.token });
 901 |     }
 902 |   }, {
 903 |     key: "closeAndRetry",
 904 |     value: function closeAndRetry() {
 905 |       this.close();
 906 |       this.readyState = SOCKET_STATES.connecting;
 907 |     }
 908 |   }, {
 909 |     key: "ontimeout",
 910 |     value: function ontimeout() {
 911 |       this.onerror("timeout");
 912 |       this.closeAndRetry();
 913 |     }
 914 |   }, {
 915 |     key: "poll",
 916 |     value: function poll() {
 917 |       var _this8 = this;
 918 | 
 919 |       if (!(this.readyState === SOCKET_STATES.open || this.readyState === SOCKET_STATES.connecting)) {
 920 |         return;
 921 |       }
 922 | 
 923 |       Ajax.request("GET", this.endpointURL(), "application/json", null, this.timeout, this.ontimeout.bind(this), function (resp) {
 924 |         if (resp) {
 925 |           var status = resp.status;
 926 |           var token = resp.token;
 927 |           var messages = resp.messages;
 928 | 
 929 |           _this8.token = token;
 930 |         } else {
 931 |           var status = 0;
 932 |         }
 933 | 
 934 |         switch (status) {
 935 |           case 200:
 936 |             messages.forEach(function (msg) {
 937 |               return _this8.onmessage({ data: JSON.stringify(msg) });
 938 |             });
 939 |             _this8.poll();
 940 |             break;
 941 |           case 204:
 942 |             _this8.poll();
 943 |             break;
 944 |           case 410:
 945 |             _this8.readyState = SOCKET_STATES.open;
 946 |             _this8.onopen();
 947 |             _this8.poll();
 948 |             break;
 949 |           case 0:
 950 |           case 500:
 951 |             _this8.onerror();
 952 |             _this8.closeAndRetry();
 953 |             break;
 954 |           default:
 955 |             throw "unhandled poll status " + status;
 956 |         }
 957 |       });
 958 |     }
 959 |   }, {
 960 |     key: "send",
 961 |     value: function send(body) {
 962 |       var _this9 = this;
 963 | 
 964 |       Ajax.request("POST", this.endpointURL(), "application/json", body, this.timeout, this.onerror.bind(this, "timeout"), function (resp) {
 965 |         if (!resp || resp.status !== 200) {
 966 |           _this9.onerror(status);
 967 |           _this9.closeAndRetry();
 968 |         }
 969 |       });
 970 |     }
 971 |   }, {
 972 |     key: "close",
 973 |     value: function close(code, reason) {
 974 |       this.readyState = SOCKET_STATES.closed;
 975 |       this.onclose();
 976 |     }
 977 |   }]);
 978 | 
 979 |   return LongPoll;
 980 | })();
 981 | 
 982 | exports.LongPoll = LongPoll;
 983 | 
 984 | var Ajax = (function () {
 985 |   function Ajax() {
 986 |     _classCallCheck(this, Ajax);
 987 |   }
 988 | 
 989 |   _createClass(Ajax, null, [{
 990 |     key: "request",
 991 |     value: function request(method, endPoint, accept, body, timeout, ontimeout, callback) {
 992 |       if (window.XDomainRequest) {
 993 |         var req = new XDomainRequest(); // IE8, IE9
 994 |         this.xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback);
 995 |       } else {
 996 |         var req = window.XMLHttpRequest ? new XMLHttpRequest() : // IE7+, Firefox, Chrome, Opera, Safari
 997 |         new ActiveXObject("Microsoft.XMLHTTP"); // IE6, IE5
 998 |         this.xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback);
 999 |       }
1000 |     }
1001 |   }, {
1002 |     key: "xdomainRequest",
1003 |     value: function xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback) {
1004 |       var _this10 = this;
1005 | 
1006 |       req.timeout = timeout;
1007 |       req.open(method, endPoint);
1008 |       req.onload = function () {
1009 |         var response = _this10.parseJSON(req.responseText);
1010 |         callback && callback(response);
1011 |       };
1012 |       if (ontimeout) {
1013 |         req.ontimeout = ontimeout;
1014 |       }
1015 | 
1016 |       // Work around bug in IE9 that requires an attached onprogress handler
1017 |       req.onprogress = function () {};
1018 | 
1019 |       req.send(body);
1020 |     }
1021 |   }, {
1022 |     key: "xhrRequest",
1023 |     value: function xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback) {
1024 |       var _this11 = this;
1025 | 
1026 |       req.timeout = timeout;
1027 |       req.open(method, endPoint, true);
1028 |       req.setRequestHeader("Content-Type", accept);
1029 |       req.onerror = function () {
1030 |         callback && callback(null);
1031 |       };
1032 |       req.onreadystatechange = function () {
1033 |         if (req.readyState === _this11.states.complete && callback) {
1034 |           var response = _this11.parseJSON(req.responseText);
1035 |           callback(response);
1036 |         }
1037 |       };
1038 |       if (ontimeout) {
1039 |         req.ontimeout = ontimeout;
1040 |       }
1041 | 
1042 |       req.send(body);
1043 |     }
1044 |   }, {
1045 |     key: "parseJSON",
1046 |     value: function parseJSON(resp) {
1047 |       return resp && resp !== "" ? JSON.parse(resp) : null;
1048 |     }
1049 |   }, {
1050 |     key: "serialize",
1051 |     value: function serialize(obj, parentKey) {
1052 |       var queryStr = [];
1053 |       for (var key in obj) {
1054 |         if (!obj.hasOwnProperty(key)) {
1055 |           continue;
1056 |         }
1057 |         var paramKey = parentKey ? parentKey + "[" + key + "]" : key;
1058 |         var paramVal = obj[key];
1059 |         if (typeof paramVal === "object") {
1060 |           queryStr.push(this.serialize(paramVal, paramKey));
1061 |         } else {
1062 |           queryStr.push(encodeURIComponent(paramKey) + "=" + encodeURIComponent(paramVal));
1063 |         }
1064 |       }
1065 |       return queryStr.join("&");
1066 |     }
1067 |   }, {
1068 |     key: "appendParams",
1069 |     value: function appendParams(url, params) {
1070 |       if (Object.keys(params).length === 0) {
1071 |         return url;
1072 |       }
1073 | 
1074 |       var prefix = url.match(/\?/) ? "&" : "?";
1075 |       return "" + url + prefix + this.serialize(params);
1076 |     }
1077 |   }]);
1078 | 
1079 |   return Ajax;
1080 | })();
1081 | 
1082 | exports.Ajax = Ajax;
1083 | 
1084 | Ajax.states = { complete: 4 };
1085 | 
1086 | // Creates a timer that accepts a `timerCalc` function to perform
1087 | // calculated timeout retries, such as exponential backoff.
1088 | //
1089 | // ## Examples
1090 | //
1091 | //    let reconnectTimer = new Timer(() => this.connect(), function(tries){
1092 | //      return [1000, 5000, 10000][tries - 1] || 10000
1093 | //    })
1094 | //    reconnectTimer.scheduleTimeout() // fires after 1000
1095 | //    reconnectTimer.scheduleTimeout() // fires after 5000
1096 | //    reconnectTimer.reset()
1097 | //    reconnectTimer.scheduleTimeout() // fires after 1000
1098 | //
1099 | 
1100 | var Timer = (function () {
1101 |   function Timer(callback, timerCalc) {
1102 |     _classCallCheck(this, Timer);
1103 | 
1104 |     this.callback = callback;
1105 |     this.timerCalc = timerCalc;
1106 |     this.timer = null;
1107 |     this.tries = 0;
1108 |   }
1109 | 
1110 |   _createClass(Timer, [{
1111 |     key: "reset",
1112 |     value: function reset() {
1113 |       this.tries = 0;
1114 |       clearTimeout(this.timer);
1115 |     }
1116 | 
1117 |     // Cancels any previous scheduleTimeout and schedules callback
1118 |   }, {
1119 |     key: "scheduleTimeout",
1120 |     value: function scheduleTimeout() {
1121 |       var _this12 = this;
1122 | 
1123 |       clearTimeout(this.timer);
1124 | 
1125 |       this.timer = setTimeout(function () {
1126 |         _this12.tries = _this12.tries + 1;
1127 |         _this12.callback();
1128 |       }, this.timerCalc(this.tries + 1));
1129 |     }
1130 |   }]);
1131 | 
1132 |   return Timer;
1133 | })();
1134 | });
1135 | 
1136 | ;require.register("deps/phoenix_html/web/static/js/phoenix_html", function(exports, require, module) {
1137 | // Although ^=parent is not technically correct,
1138 | // we need to use it in order to get IE8 support.
1139 | 'use strict';
1140 | 
1141 | var elements = document.querySelectorAll('[data-submit^=parent]');
1142 | var len = elements.length;
1143 | 
1144 | for (var i = 0; i < len; ++i) {
1145 |   elements[i].addEventListener('click', function (event) {
1146 |     var message = this.getAttribute("data-confirm");
1147 |     if (message === null || confirm(message)) {
1148 |       this.parentNode.submit();
1149 |     };
1150 |     event.preventDefault();
1151 |     return false;
1152 |   }, false);
1153 | }
1154 | });
1155 | 
1156 | ;require.register("web/static/js/app", function(exports, require, module) {
1157 | // Brunch automatically concatenates all files in your
1158 | // watched paths. Those paths can be configured at
1159 | // config.paths.watched in "brunch-config.js".
1160 | //
1161 | // However, those files will only be executed if
1162 | // explicitly imported. The only exception are files
1163 | // in vendor, which are never wrapped in imports and
1164 | // therefore are always executed.
1165 | 
1166 | // Import dependencies
1167 | //
1168 | // If you no longer want to use a dependency, remember
1169 | // to also remove its path from "config.paths.watched".
1170 | "use strict";
1171 | 
1172 | require("deps/phoenix_html/web/static/js/phoenix_html");
1173 | 
1174 | // Import local files
1175 | //
1176 | // Local files can be imported directly using relative
1177 | // paths "./socket" or full ones "web/static/js/socket".
1178 | 
1179 | // import socket from "./socket"
1180 | });
1181 | 
1182 | ;require.register("web/static/js/socket", function(exports, require, module) {
1183 | // NOTE: The contents of this file will only be executed if
1184 | // you uncomment its entry in "web/static/js/app.js".
1185 | 
1186 | // To use Phoenix channels, the first step is to import Socket
1187 | // and connect at the socket path in "lib/my_app/endpoint.ex":
1188 | "use strict";
1189 | 
1190 | Object.defineProperty(exports, "__esModule", {
1191 |   value: true
1192 | });
1193 | 
1194 | var _depsPhoenixWebStaticJsPhoenix = require("deps/phoenix/web/static/js/phoenix");
1195 | 
1196 | var socket = new _depsPhoenixWebStaticJsPhoenix.Socket("/socket", { params: { token: window.userToken } });
1197 | 
1198 | // When you connect, you'll often need to authenticate the client.
1199 | // For example, imagine you have an authentication plug, `MyAuth`,
1200 | // which authenticates the session and assigns a `:current_user`.
1201 | // If the current user exists you can assign the user's token in
1202 | // the connection for use in the layout.
1203 | //
1204 | // In your "web/router.ex":
1205 | //
1206 | //     pipeline :browser do
1207 | //       ...
1208 | //       plug MyAuth
1209 | //       plug :put_user_token
1210 | //     end
1211 | //
1212 | //     defp put_user_token(conn, _) do
1213 | //       if current_user = conn.assigns[:current_user] do
1214 | //         token = Phoenix.Token.sign(conn, "user socket", current_user.id)
1215 | //         assign(conn, :user_token, token)
1216 | //       else
1217 | //         conn
1218 | //       end
1219 | //     end
1220 | //
1221 | // Now you need to pass this token to JavaScript. You can do so
1222 | // inside a script tag in "web/templates/layout/app.html.eex":
1223 | //
1224 | //     <script>window.userToken = "<%= assigns[:user_token] %>";</script>
1225 | //
1226 | // You will need to verify the user token in the "connect/2" function
1227 | // in "web/channels/user_socket.ex":
1228 | //
1229 | //     def connect(%{"token" => token}, socket) do
1230 | //       # max_age: 1209600 is equivalent to two weeks in seconds
1231 | //       case Phoenix.Token.verify(socket, "user socket", token, max_age: 1209600) do
1232 | //         {:ok, user_id} ->
1233 | //           {:ok, assign(socket, :user, user_id)}
1234 | //         {:error, reason} ->
1235 | //           :error
1236 | //       end
1237 | //     end
1238 | //
1239 | // Finally, pass the token on connect as below. Or remove it
1240 | // from connect if you don't care about authentication.
1241 | 
1242 | socket.connect();
1243 | 
1244 | // Now that you are connected, you can join channels with a topic:
1245 | var channel = socket.channel("topic:subtopic", {});
1246 | channel.join().receive("ok", function (resp) {
1247 |   console.log("Joined successfully", resp);
1248 | }).receive("error", function (resp) {
1249 |   console.log("Unable to join", resp);
1250 | });
1251 | 
1252 | exports["default"] = socket;
1253 | module.exports = exports["default"];
1254 | });
1255 | 
1256 | ;require('web/static/js/app');
1257 | //# sourceMappingURL=app.js.map


--------------------------------------------------------------------------------
/priv/static/js/app.js-09aef16c4cfdbaadcbc590d110291fa9.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["deps/phoenix/web/static/js/phoenix.js","deps/phoenix_html/web/static/js/phoenix_html.js","web/static/js/app.js","web/static/js/socket.js"],"names":[],"mappings":"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","file":"priv/static/js/app.js","sourcesContent":["// Phoenix Channels JavaScript client\n//\n// ## Socket Connection\n//\n// A single connection is established to the server and\n// channels are mulitplexed over the connection.\n// Connect to the server using the `Socket` class:\n//\n//     let socket = new Socket(\"/ws\", {params: {userToken: \"123\"}})\n//     socket.connect()\n//\n// The `Socket` constructor takes the mount point of the socket,\n// the authentication params, as well as options that can be found in\n// the Socket docs, such as configuring the `LongPoll` transport, and\n// heartbeat.\n//\n// ## Channels\n//\n// Channels are isolated, concurrent processes on the server that\n// subscribe to topics and broker events between the client and server.\n// To join a channel, you must provide the topic, and channel params for\n// authorization. Here's an example chat room example where `\"new_msg\"`\n// events are listened for, messages are pushed to the server, and\n// the channel is joined with ok/error matches, and `after` hook:\n//\n//     let channel = socket.channel(\"rooms:123\", {token: roomToken})\n//     channel.on(\"new_msg\", msg => console.log(\"Got message\", msg) )\n//     $input.onEnter( e => {\n//       channel.push(\"new_msg\", {body: e.target.val})\n//        .receive(\"ok\", (msg) => console.log(\"created message\", msg) )\n//        .receive(\"error\", (reasons) => console.log(\"create failed\", reasons) )\n//        .after(10000, () => console.log(\"Networking issue. Still waiting...\") )\n//     })\n//     channel.join()\n//       .receive(\"ok\", ({messages}) => console.log(\"catching up\", messages) )\n//       .receive(\"error\", ({reason}) => console.log(\"failed join\", reason) )\n//       .after(10000, () => console.log(\"Networking issue. Still waiting...\") )\n//\n//\n// ## Joining\n//\n// Joining a channel with `channel.join(topic, params)`, binds the params to\n// `channel.params`. Subsequent rejoins will send up the modified params for\n// updating authorization params, or passing up last_message_id information.\n// Successful joins receive an \"ok\" status, while unsuccessful joins\n// receive \"error\".\n//\n//\n// ## Pushing Messages\n//\n// From the previous example, we can see that pushing messages to the server\n// can be done with `channel.push(eventName, payload)` and we can optionally\n// receive responses from the push. Additionally, we can use\n// `after(millsec, callback)` to abort waiting for our `receive` hooks and\n// take action after some period of waiting.\n//\n//\n// ## Socket Hooks\n//\n// Lifecycle events of the multiplexed connection can be hooked into via\n// `socket.onError()` and `socket.onClose()` events, ie:\n//\n//     socket.onError( () => console.log(\"there was an error with the connection!\") )\n//     socket.onClose( () => console.log(\"the connection dropped\") )\n//\n//\n// ## Channel Hooks\n//\n// For each joined channel, you can bind to `onError` and `onClose` events\n// to monitor the channel lifecycle, ie:\n//\n//     channel.onError( () => console.log(\"there was an error!\") )\n//     channel.onClose( () => console.log(\"the channel has gone away gracefully\") )\n//\n// ### onError hooks\n//\n// `onError` hooks are invoked if the socket connection drops, or the channel\n// crashes on the server. In either case, a channel rejoin is attemtped\n// automatically in an exponential backoff manner.\n//\n// ### onClose hooks\n//\n// `onClose` hooks are invoked only in two cases. 1) the channel explicitly\n// closed on the server, or 2). The client explicitly closed, by calling\n// `channel.leave()`\n//\n\nconst VSN = \"1.0.0\"\nconst SOCKET_STATES = {connecting: 0, open: 1, closing: 2, closed: 3}\nconst CHANNEL_STATES = {\n  closed: \"closed\",\n  errored: \"errored\",\n  joined: \"joined\",\n  joining: \"joining\",\n}\nconst CHANNEL_EVENTS = {\n  close: \"phx_close\",\n  error: \"phx_error\",\n  join: \"phx_join\",\n  reply: \"phx_reply\",\n  leave: \"phx_leave\"\n}\nconst TRANSPORTS = {\n  longpoll: \"longpoll\",\n  websocket: \"websocket\"\n}\n\nclass Push {\n\n  // Initializes the Push\n  //\n  // channel - The Channel\n  // event - The event, for example `\"phx_join\"`\n  // payload - The payload, for example `{user_id: 123}`\n  //\n  constructor(channel, event, payload){\n    this.channel      = channel\n    this.event        = event\n    this.payload      = payload || {}\n    this.receivedResp = null\n    this.afterHook    = null\n    this.recHooks     = []\n    this.sent         = false\n  }\n\n  send(){\n    const ref         = this.channel.socket.makeRef()\n    this.refEvent     = this.channel.replyEventName(ref)\n    this.receivedResp = null\n    this.sent         = false\n\n    this.channel.on(this.refEvent, payload => {\n      this.receivedResp = payload\n      this.matchReceive(payload)\n      this.cancelRefEvent()\n      this.cancelAfter()\n    })\n\n    this.startAfter()\n    this.sent = true\n    this.channel.socket.push({\n      topic: this.channel.topic,\n      event: this.event,\n      payload: this.payload,\n      ref: ref\n    })\n  }\n\n  receive(status, callback){\n    if(this.receivedResp && this.receivedResp.status === status){\n      callback(this.receivedResp.response)\n    }\n\n    this.recHooks.push({status, callback})\n    return this\n  }\n\n  after(ms, callback){\n    if(this.afterHook){ throw(`only a single after hook can be applied to a push`) }\n    let timer = null\n    if(this.sent){ timer = setTimeout(callback, ms) }\n    this.afterHook = {ms: ms, callback: callback, timer: timer}\n    return this\n  }\n\n\n  // private\n\n  matchReceive({status, response, ref}){\n    this.recHooks.filter( h => h.status === status )\n                 .forEach( h => h.callback(response) )\n  }\n\n  cancelRefEvent(){ this.channel.off(this.refEvent) }\n\n  cancelAfter(){ if(!this.afterHook){ return }\n    clearTimeout(this.afterHook.timer)\n    this.afterHook.timer = null\n  }\n\n  startAfter(){ if(!this.afterHook){ return }\n    let callback = () => {\n      this.cancelRefEvent()\n      this.afterHook.callback()\n    }\n    this.afterHook.timer = setTimeout(callback, this.afterHook.ms)\n  }\n}\n\nexport class Channel {\n  constructor(topic, params, socket) {\n    this.state       = CHANNEL_STATES.closed\n    this.topic       = topic\n    this.params      = params || {}\n    this.socket      = socket\n    this.bindings    = []\n    this.joinedOnce  = false\n    this.joinPush    = new Push(this, CHANNEL_EVENTS.join, this.params)\n    this.pushBuffer  = []\n    this.rejoinTimer  = new Timer(\n      () => this.rejoinUntilConnected(),\n      this.socket.reconnectAfterMs\n    )\n    this.joinPush.receive(\"ok\", () => {\n      this.state = CHANNEL_STATES.joined\n      this.rejoinTimer.reset()\n    })\n    this.onClose( () => {\n      this.socket.log(\"channel\", `close ${this.topic}`)\n      this.state = CHANNEL_STATES.closed\n      this.socket.remove(this)\n    })\n    this.onError( reason => {\n      this.socket.log(\"channel\", `error ${this.topic}`, reason)\n      this.state = CHANNEL_STATES.errored\n      this.rejoinTimer.setTimeout()\n    })\n    this.on(CHANNEL_EVENTS.reply, (payload, ref) => {\n      this.trigger(this.replyEventName(ref), payload)\n    })\n  }\n\n  rejoinUntilConnected(){\n    this.rejoinTimer.setTimeout()\n    if(this.socket.isConnected()){\n      this.rejoin()\n    }\n  }\n\n  join(){\n    if(this.joinedOnce){\n      throw(`tried to join multiple times. 'join' can only be called a single time per channel instance`)\n    } else {\n      this.joinedOnce = true\n    }\n    this.sendJoin()\n    return this.joinPush\n  }\n\n  onClose(callback){ this.on(CHANNEL_EVENTS.close, callback) }\n\n  onError(callback){\n    this.on(CHANNEL_EVENTS.error, reason => callback(reason) )\n  }\n\n  on(event, callback){ this.bindings.push({event, callback}) }\n\n  off(event){ this.bindings = this.bindings.filter( bind => bind.event !== event ) }\n\n  canPush(){ return this.socket.isConnected() && this.state === CHANNEL_STATES.joined }\n\n  push(event, payload){\n    if(!this.joinedOnce){\n      throw(`tried to push '${event}' to '${this.topic}' before joining. Use channel.join() before pushing events`)\n    }\n    let pushEvent = new Push(this, event, payload)\n    if(this.canPush()){\n      pushEvent.send()\n    } else {\n      this.pushBuffer.push(pushEvent)\n    }\n\n    return pushEvent\n  }\n\n  // Leaves the channel\n  //\n  // Unsubscribes from server events, and\n  // instructs channel to terminate on server\n  //\n  // Triggers onClose() hooks\n  //\n  // To receive leave acknowledgements, use the a `receive`\n  // hook to bind to the server ack, ie:\n  //\n  //     channel.leave().receive(\"ok\", () => alert(\"left!\") )\n  //\n  leave(){\n    return this.push(CHANNEL_EVENTS.leave).receive(\"ok\", () => {\n      this.socket.log(\"channel\", `leave ${this.topic}`)\n      this.trigger(CHANNEL_EVENTS.close, \"leave\")\n    })\n  }\n\n  // Overridable message hook\n  //\n  // Receives all events for specialized message handling\n  onMessage(event, payload, ref){}\n\n  // private\n\n  isMember(topic){ return this.topic === topic }\n\n  sendJoin(){\n    this.state = CHANNEL_STATES.joining\n    this.joinPush.send()\n  }\n\n  rejoin(){\n    this.sendJoin()\n    this.pushBuffer.forEach( pushEvent => pushEvent.send() )\n    this.pushBuffer = []\n  }\n\n  trigger(triggerEvent, payload, ref){\n    this.onMessage(triggerEvent, payload, ref)\n    this.bindings.filter( bind => bind.event === triggerEvent )\n                 .map( bind => bind.callback(payload, ref) )\n  }\n\n  replyEventName(ref){ return `chan_reply_${ref}` }\n}\n\nexport class Socket {\n\n  // Initializes the Socket\n  //\n  // endPoint - The string WebSocket endpoint, ie, \"ws://example.com/ws\",\n  //                                               \"wss://example.com\"\n  //                                               \"/ws\" (inherited host & protocol)\n  // opts - Optional configuration\n  //   transport - The Websocket Transport, for example WebSocket or Phoenix.LongPoll.\n  //               Defaults to WebSocket with automatic LongPoll fallback.\n  //   heartbeatIntervalMs - The millisec interval to send a heartbeat message\n  //   reconnectAfterMs - The optional function that returns the millsec\n  //                      reconnect interval. Defaults to stepped backoff of:\n  //\n  //     function(tries){\n  //       return [1000, 5000, 10000][tries - 1] || 10000\n  //     }\n  //\n  //   logger - The optional function for specialized logging, ie:\n  //     `logger: (kind, msg, data) => { console.log(`${kind}: ${msg}`, data) }\n  //\n  //   longpollerTimeout - The maximum timeout of a long poll AJAX request.\n  //                        Defaults to 20s (double the server long poll timer).\n  //\n  //   params - The optional params to pass when connecting\n  //\n  // For IE8 support use an ES5-shim (https://github.com/es-shims/es5-shim)\n  //\n  constructor(endPoint, opts = {}){\n    this.stateChangeCallbacks = {open: [], close: [], error: [], message: []}\n    this.channels             = []\n    this.sendBuffer           = []\n    this.ref                  = 0\n    this.transport            = opts.transport || window.WebSocket || LongPoll\n    this.heartbeatIntervalMs  = opts.heartbeatIntervalMs || 30000\n    this.reconnectAfterMs     = opts.reconnectAfterMs || function(tries){\n      return [1000, 5000, 10000][tries - 1] || 10000\n    }\n    this.logger               = opts.logger || function(){} // noop\n    this.longpollerTimeout    = opts.longpollerTimeout || 20000\n    this.params               = opts.params || {}\n    this.endPoint             = `${endPoint}/${TRANSPORTS.websocket}`\n    this.reconnectTimer       = new Timer(() => {\n      this.disconnect(() => this.connect())\n    }, this.reconnectAfterMs)\n  }\n\n  protocol(){ return location.protocol.match(/^https/) ? \"wss\" : \"ws\" }\n\n  endPointURL(){\n    let uri = Ajax.appendParams(\n      Ajax.appendParams(this.endPoint, this.params), {vsn: VSN})\n    if(uri.charAt(0) !== \"/\"){ return uri }\n    if(uri.charAt(1) === \"/\"){ return `${this.protocol()}:${uri}` }\n\n    return `${this.protocol()}://${location.host}${uri}`\n  }\n\n  disconnect(callback, code, reason){\n    if(this.conn){\n      this.conn.onclose = function(){} // noop\n      if(code){ this.conn.close(code, reason || \"\") } else { this.conn.close() }\n      this.conn = null\n    }\n    callback && callback()\n  }\n\n  // params - The params to send when connecting, for example `{user_id: userToken}`\n  connect(params){\n    if(params){\n      console && console.log(\"passing params to connect is deprecated. Instead pass :params to the Socket constructor\")\n      this.params = params\n    }\n    if(this.conn){ return }\n\n    this.conn = new this.transport(this.endPointURL())\n    this.conn.timeout   = this.longpollerTimeout\n    this.conn.onopen    = () => this.onConnOpen()\n    this.conn.onerror   = error => this.onConnError(error)\n    this.conn.onmessage = event => this.onConnMessage(event)\n    this.conn.onclose   = event => this.onConnClose(event)\n  }\n\n  // Logs the message. Override `this.logger` for specialized logging. noops by default\n  log(kind, msg, data){ this.logger(kind, msg, data) }\n\n  // Registers callbacks for connection state change events\n  //\n  // Examples\n  //\n  //    socket.onError(function(error){ alert(\"An error occurred\") })\n  //\n  onOpen     (callback){ this.stateChangeCallbacks.open.push(callback) }\n  onClose    (callback){ this.stateChangeCallbacks.close.push(callback) }\n  onError    (callback){ this.stateChangeCallbacks.error.push(callback) }\n  onMessage  (callback){ this.stateChangeCallbacks.message.push(callback) }\n\n  onConnOpen(){\n    this.log(\"transport\", `connected to ${this.endPointURL()}`, this.transport.prototype)\n    this.flushSendBuffer()\n    this.reconnectTimer.reset()\n    if(!this.conn.skipHeartbeat){\n      clearInterval(this.heartbeatTimer)\n      this.heartbeatTimer = setInterval(() => this.sendHeartbeat(), this.heartbeatIntervalMs)\n    }\n    this.stateChangeCallbacks.open.forEach( callback => callback() )\n  }\n\n  onConnClose(event){\n    this.log(\"transport\", \"close\", event)\n    this.triggerChanError()\n    clearInterval(this.heartbeatTimer)\n    this.reconnectTimer.setTimeout()\n    this.stateChangeCallbacks.close.forEach( callback => callback(event) )\n  }\n\n  onConnError(error){\n    this.log(\"transport\", error)\n    this.triggerChanError()\n    this.stateChangeCallbacks.error.forEach( callback => callback(error) )\n  }\n\n  triggerChanError(){\n    this.channels.forEach( channel => channel.trigger(CHANNEL_EVENTS.error) )\n  }\n\n  connectionState(){\n    switch(this.conn && this.conn.readyState){\n      case SOCKET_STATES.connecting: return \"connecting\"\n      case SOCKET_STATES.open:       return \"open\"\n      case SOCKET_STATES.closing:    return \"closing\"\n      default:                       return \"closed\"\n    }\n  }\n\n  isConnected(){ return this.connectionState() === \"open\" }\n\n  remove(channel){\n    this.channels = this.channels.filter( c => !c.isMember(channel.topic) )\n  }\n\n  channel(topic, chanParams = {}){\n    let channel = new Channel(topic, chanParams, this)\n    this.channels.push(channel)\n    return channel\n  }\n\n  push(data){\n    let {topic, event, payload, ref} = data\n    let callback = () => this.conn.send(JSON.stringify(data))\n    this.log(\"push\", `${topic} ${event} (${ref})`, payload)\n    if(this.isConnected()){\n      callback()\n    }\n    else {\n      this.sendBuffer.push(callback)\n    }\n  }\n\n  // Return the next message ref, accounting for overflows\n  makeRef(){\n    let newRef = this.ref + 1\n    if(newRef === this.ref){ this.ref = 0 } else { this.ref = newRef }\n\n    return this.ref.toString()\n  }\n\n  sendHeartbeat(){\n    this.push({topic: \"phoenix\", event: \"heartbeat\", payload: {}, ref: this.makeRef()})\n  }\n\n  flushSendBuffer(){\n    if(this.isConnected() && this.sendBuffer.length > 0){\n      this.sendBuffer.forEach( callback => callback() )\n      this.sendBuffer = []\n    }\n  }\n\n  onConnMessage(rawMessage){\n    let msg = JSON.parse(rawMessage.data)\n    let {topic, event, payload, ref} = msg\n    this.log(\"receive\", `${payload.status || \"\"} ${topic} ${event} ${ref && \"(\" + ref + \")\" || \"\"}`, payload)\n    this.channels.filter( channel => channel.isMember(topic) )\n                 .forEach( channel => channel.trigger(event, payload, ref) )\n    this.stateChangeCallbacks.message.forEach( callback => callback(msg) )\n  }\n}\n\n\nexport class LongPoll {\n\n  constructor(endPoint){\n    this.endPoint        = null\n    this.token           = null\n    this.skipHeartbeat   = true\n    this.onopen          = function(){} // noop\n    this.onerror         = function(){} // noop\n    this.onmessage       = function(){} // noop\n    this.onclose         = function(){} // noop\n    this.pollEndpoint    = this.normalizeEndpoint(endPoint)\n    this.readyState      = SOCKET_STATES.connecting\n\n    this.poll()\n  }\n\n  normalizeEndpoint(endPoint){\n    return(endPoint\n      .replace(\"ws://\", \"http://\")\n      .replace(\"wss://\", \"https://\")\n      .replace(new RegExp(\"(.*)\\/\" + TRANSPORTS.websocket), \"$1/\" + TRANSPORTS.longpoll))\n  }\n\n  endpointURL(){\n    return Ajax.appendParams(this.pollEndpoint, {token: this.token})\n  }\n\n  closeAndRetry(){\n    this.close()\n    this.readyState = SOCKET_STATES.connecting\n  }\n\n  ontimeout(){\n    this.onerror(\"timeout\")\n    this.closeAndRetry()\n  }\n\n  poll(){\n    if(!(this.readyState === SOCKET_STATES.open || this.readyState === SOCKET_STATES.connecting)){ return }\n\n    Ajax.request(\"GET\", this.endpointURL(), \"application/json\", null, this.timeout, this.ontimeout.bind(this), (resp) => {\n      if(resp){\n        var {status, token, messages} = resp\n        this.token = token\n      } else{\n        var status = 0\n      }\n\n      switch(status){\n        case 200:\n          messages.forEach( msg => this.onmessage({data: JSON.stringify(msg)}) )\n          this.poll()\n          break\n        case 204:\n          this.poll()\n          break\n        case 410:\n          this.readyState = SOCKET_STATES.open\n          this.onopen()\n          this.poll()\n          break\n        case 0:\n        case 500:\n          this.onerror()\n          this.closeAndRetry()\n          break\n        default: throw(`unhandled poll status ${status}`)\n      }\n    })\n  }\n\n  send(body){\n    Ajax.request(\"POST\", this.endpointURL(), \"application/json\", body, this.timeout, this.onerror.bind(this, \"timeout\"), (resp) => {\n      if(!resp || resp.status !== 200){\n        this.onerror(status)\n        this.closeAndRetry()\n      }\n    })\n  }\n\n  close(code, reason){\n    this.readyState = SOCKET_STATES.closed\n    this.onclose()\n  }\n}\n\n\nexport class Ajax {\n\n  static request(method, endPoint, accept, body, timeout, ontimeout, callback){\n    if(window.XDomainRequest){\n      let req = new XDomainRequest() // IE8, IE9\n      this.xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback)\n    } else {\n      let req = window.XMLHttpRequest ?\n                  new XMLHttpRequest() : // IE7+, Firefox, Chrome, Opera, Safari\n                  new ActiveXObject(\"Microsoft.XMLHTTP\") // IE6, IE5\n      this.xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback)\n    }\n  }\n\n  static xdomainRequest(req, method, endPoint, body, timeout, ontimeout, callback){\n    req.timeout = timeout\n    req.open(method, endPoint)\n    req.onload = () => {\n      let response = this.parseJSON(req.responseText)\n      callback && callback(response)\n    }\n    if(ontimeout){ req.ontimeout = ontimeout }\n\n    // Work around bug in IE9 that requires an attached onprogress handler\n    req.onprogress = () => {}\n\n    req.send(body)\n  }\n\n  static xhrRequest(req, method, endPoint, accept, body, timeout, ontimeout, callback){\n    req.timeout = timeout\n    req.open(method, endPoint, true)\n    req.setRequestHeader(\"Content-Type\", accept)\n    req.onerror = () => { callback && callback(null) }\n    req.onreadystatechange = () => {\n      if(req.readyState === this.states.complete && callback){\n        let response = this.parseJSON(req.responseText)\n        callback(response)\n      }\n    }\n    if(ontimeout){ req.ontimeout = ontimeout }\n\n    req.send(body)\n  }\n\n  static parseJSON(resp){\n    return (resp && resp !== \"\") ?\n             JSON.parse(resp) :\n             null\n  }\n\n  static serialize(obj, parentKey){\n    let queryStr = [];\n    for(var key in obj){ if(!obj.hasOwnProperty(key)){ continue }\n      let paramKey = parentKey ? `${parentKey}[${key}]` : key\n      let paramVal = obj[key]\n      if(typeof paramVal === \"object\"){\n        queryStr.push(this.serialize(paramVal, paramKey))\n      } else {\n        queryStr.push(encodeURIComponent(paramKey) + \"=\" + encodeURIComponent(paramVal))\n      }\n    }\n    return queryStr.join(\"&\")\n  }\n\n  static appendParams(url, params){\n    if(Object.keys(params).length === 0){ return url }\n\n    let prefix = url.match(/\\?/) ? \"&\" : \"?\"\n    return `${url}${prefix}${this.serialize(params)}`\n  }\n}\n\nAjax.states = {complete: 4}\n\n\n// Creates a timer that accepts a `timerCalc` function to perform\n// calculated timeout retries, such as exponential backoff.\n//\n// ## Examples\n//\n//    let reconnectTimer = new Timer(() => this.connect(), function(tries){\n//      return [1000, 5000, 10000][tries - 1] || 10000\n//    })\n//    reconnectTimer.setTimeout() // fires after 1000\n//    reconnectTimer.setTimeout() // fires after 5000\n//    reconnectTimer.reset()\n//    reconnectTimer.setTimeout() // fires after 1000\n//\nclass Timer {\n  constructor(callback, timerCalc){\n    this.callback  = callback\n    this.timerCalc = timerCalc\n    this.timer     = null\n    this.tries     = 0\n  }\n\n  reset(){\n    this.tries = 0\n    clearTimeout(this.timer)\n  }\n\n  // Cancels any previous setTimeout and schedules callback\n  setTimeout(){\n    clearTimeout(this.timer)\n\n    this.timer = setTimeout(() => {\n      this.tries = this.tries + 1\n      this.callback()\n    }, this.timerCalc(this.tries + 1))\n  }\n}\n","// Although ^=parent is not technically correct,\n// we need to use it in order to get IE8 support.\nvar elements = document.querySelectorAll('[data-submit^=parent]')\nvar len = elements.length\n\nfor (var i=0; i<len; ++i) {\n  elements[i].addEventListener('click', function(event){\n    var message = this.getAttribute(\"data-confirm\")\n    if(message === null || confirm(message)){\n      this.parentNode.submit()\n    };\n    event.preventDefault()\n    return false\n  }, false)\n}\n","// Brunch automatically concatenates all files in your\n// watched paths. Those paths can be configured at\n// config.paths.watched in \"brunch-config.js\".\n//\n// However, those files will only be executed if\n// explicitly imported. The only exception are files\n// in vendor, which are never wrapped in imports and\n// therefore are always executed.\n\n// Import dependencies\n//\n// If you no longer want to use a dependency, remember\n// to also remove its path from \"config.paths.watched\".\nimport \"deps/phoenix_html/web/static/js/phoenix_html\"\n\n// Import local files\n//\n// Local files can be imported directly using relative\n// paths \"./socket\" or full ones \"web/static/js/socket\".\n\n// import socket from \"./socket\"\n","// NOTE: The contents of this file will only be executed if\n// you uncomment its entry in \"web/static/js/app.js\".\n\n// To use Phoenix channels, the first step is to import Socket\n// and connect at the socket path in \"lib/my_app/endpoint.ex\":\nimport {Socket} from \"deps/phoenix/web/static/js/phoenix\"\n\nlet socket = new Socket(\"/socket\", {params: {token: window.userToken}})\n\n// When you connect, you'll often need to authenticate the client.\n// For example, imagine you have an authentication plug, `MyAuth`,\n// which authenticates the session and assigns a `:current_user`.\n// If the current user exists you can assign the user's token in\n// the connection for use in the layout.\n//\n// In your \"web/router.ex\":\n//\n//     pipeline :browser do\n//       ...\n//       plug MyAuth\n//       plug :put_user_token\n//     end\n//\n//     defp put_user_token(conn, _) do\n//       if current_user = conn.assigns[:current_user] do\n//         token = Phoenix.Token.sign(conn, \"user socket\", current_user.id)\n//         assign(conn, :user_token, token)\n//       else\n//         conn\n//       end\n//     end\n//\n// Now you need to pass this token to JavaScript. You can do so\n// inside a script tag in \"web/templates/layout/app.html.eex\":\n//\n//     <script>window.userToken = \"<%= assigns[:user_token] %>\";</script>\n//\n// You will need to verify the user token in the \"connect/2\" function\n// in \"web/channels/user_socket.ex\":\n//\n//     def connect(%{\"token\" => token}, socket) do\n//       # max_age: 1209600 is equivalent to two weeks in seconds\n//       case Phoenix.Token.verify(socket, \"user socket\", token, max_age: 1209600) do\n//         {:ok, user_id} ->\n//           {:ok, assign(socket, :user, user_id)}\n//         {:error, reason} ->\n//           :error\n//       end\n//     end\n//\n// Finally, pass the token on connect as below. Or remove it\n// from connect if you don't care about authentication.\n\nsocket.connect()\n\n// Now that you are connected, you can join channels with a topic:\nlet channel = socket.channel(\"topic:subtopic\", {})\nchannel.join()\n  .receive(\"ok\", resp => { console.log(\"Joined successfully\", resp) })\n  .receive(\"error\", resp => { console.log(\"Unable to join\", resp) })\n\nexport default socket\n"]}


--------------------------------------------------------------------------------
/priv/static/js/app.js.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/js/app.js.gz


--------------------------------------------------------------------------------
/priv/static/manifest.json:
--------------------------------------------------------------------------------
1 | {"robots.txt":"robots-067185ba27a5d9139b10a759679045bf.txt","js/app.js.map":"js/app.js-09aef16c4cfdbaadcbc590d110291fa9.map","js/app.js":"js/app-1164dcc745240d43838f8c9705dc4c6d.js","images/phoenix.png":"images/phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png","favicon.ico":"favicon-a8ca4e3a2bb8fea46a9ee9e102e7d3eb.ico","css/app.css.map":"css/app.css-829137d5194d9d1f7d10e166bf868896.map","css/app.css":"css/app-3a1f535494a9bbe3353a27e5d3e95918.css"}


--------------------------------------------------------------------------------
/priv/static/robots-067185ba27a5d9139b10a759679045bf.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 | #
3 | # To ban all spiders from the entire site uncomment the next two lines:
4 | # User-agent: *
5 | # Disallow: /
6 | 


--------------------------------------------------------------------------------
/priv/static/robots-067185ba27a5d9139b10a759679045bf.txt.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/robots-067185ba27a5d9139b10a759679045bf.txt.gz


--------------------------------------------------------------------------------
/priv/static/robots.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 | #
3 | # To ban all spiders from the entire site uncomment the next two lines:
4 | # User-agent: *
5 | # Disallow: /
6 | 


--------------------------------------------------------------------------------
/priv/static/robots.txt.gz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/priv/static/robots.txt.gz


--------------------------------------------------------------------------------
/test/controllers/page_controller_test.exs:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.PageControllerTest do
2 |   use HelloGraphQL.ConnCase
3 | 
4 |   test "GET /" do
5 |     conn = get conn(), "/"
6 |     assert html_response(conn, 200) =~ "Welcome to GraphQL Elixir!"
7 |   end
8 | end
9 | 


--------------------------------------------------------------------------------
/test/graphql/graphql_endpoint_test.exs:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.GraphQLEndpointTest do
2 |   use HelloGraphQL.ConnCase
3 | 
4 |   test "GET /graphql with simple query" do
5 |     conn = get conn(), "/graphql/hello", query: "{ greeting }"
6 |     assert json_response(conn, 200) == %{"data" => %{"greeting" => "Hello, world!"}}
7 |   end
8 | end
9 | 


--------------------------------------------------------------------------------
/test/support/channel_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.ChannelCase do
 2 |   @moduledoc """
 3 |   This module defines the test case to be used by
 4 |   channel tests.
 5 | 
 6 |   Such tests rely on `Phoenix.ChannelTest` and also
 7 |   imports other functionality to make it easier
 8 |   to build and query models.
 9 | 
10 |   Finally, if the test case interacts with the database,
11 |   it cannot be async. For this reason, every test runs
12 |   inside a transaction which is reset at the beginning
13 |   of the test unless the test case is marked as async.
14 |   """
15 | 
16 |   use ExUnit.CaseTemplate
17 | 
18 |   using do
19 |     quote do
20 |       # Import conveniences for testing with channels
21 |       use Phoenix.ChannelTest
22 | 
23 | 
24 |       # The default endpoint for testing
25 |       @endpoint HelloGraphQL.Endpoint
26 |     end
27 |   end
28 | 
29 |   setup tags do
30 | 
31 |     :ok
32 |   end
33 | end
34 | 


--------------------------------------------------------------------------------
/test/support/conn_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.ConnCase do
 2 |   @moduledoc """
 3 |   This module defines the test case to be used by
 4 |   tests that require setting up a connection.
 5 | 
 6 |   Such tests rely on `Phoenix.ConnTest` and also
 7 |   imports other functionality to make it easier
 8 |   to build and query models.
 9 | 
10 |   Finally, if the test case interacts with the database,
11 |   it cannot be async. For this reason, every test runs
12 |   inside a transaction which is reset at the beginning
13 |   of the test unless the test case is marked as async.
14 |   """
15 | 
16 |   use ExUnit.CaseTemplate
17 | 
18 |   using do
19 |     quote do
20 |       # Import conveniences for testing with connections
21 |       use Phoenix.ConnTest
22 | 
23 |       import HelloGraphQL.Router.Helpers
24 | 
25 |       # The default endpoint for testing
26 |       @endpoint HelloGraphQL.Endpoint
27 |     end
28 |   end
29 | 
30 |   setup tags do
31 | 
32 |     :ok
33 |   end
34 | end
35 | 


--------------------------------------------------------------------------------
/test/test_helper.exs:
--------------------------------------------------------------------------------
1 | ExUnit.start
2 | 
3 | 


--------------------------------------------------------------------------------
/test/views/error_view_test.exs:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.ErrorViewTest do
 2 |   use HelloGraphQL.ConnCase, async: true
 3 | 
 4 |   # Bring render/3 and render_to_string/3 for testing custom views
 5 |   import Phoenix.View
 6 | 
 7 |   test "renders 404.html" do
 8 |     assert render_to_string(HelloGraphQL.ErrorView, "404.html", []) ==
 9 |            "Page not found"
10 |   end
11 | 
12 |   test "render 500.html" do
13 |     assert render_to_string(HelloGraphQL.ErrorView, "500.html", []) ==
14 |            "Server internal error"
15 |   end
16 | 
17 |   test "render any other" do
18 |     assert render_to_string(HelloGraphQL.ErrorView, "505.html", []) ==
19 |            "Server internal error"
20 |   end
21 | end
22 | 


--------------------------------------------------------------------------------
/test/views/layout_view_test.exs:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.LayoutViewTest do
2 |   use HelloGraphQL.ConnCase, async: true
3 | end


--------------------------------------------------------------------------------
/test/views/page_view_test.exs:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.PageViewTest do
2 |   use HelloGraphQL.ConnCase, async: true
3 | end
4 | 


--------------------------------------------------------------------------------
/web/channels/user_socket.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.UserSocket do
 2 |   use Phoenix.Socket
 3 | 
 4 |   ## Channels
 5 |   # channel "rooms:*", HelloGraphQL.RoomChannel
 6 | 
 7 |   ## Transports
 8 |   transport :websocket, Phoenix.Transports.WebSocket
 9 |   # transport :longpoll, Phoenix.Transports.LongPoll
10 | 
11 |   # Socket params are passed from the client and can
12 |   # be used to verify and authenticate a user. After
13 |   # verification, you can put default assigns into
14 |   # the socket that will be set for all channels, ie
15 |   #
16 |   #     {:ok, assign(socket, :user_id, verified_user_id)}
17 |   #
18 |   # To deny connection, return `:error`.
19 |   #
20 |   # See `Phoenix.Token` documentation for examples in
21 |   # performing token verification on connect.
22 |   def connect(_params, socket) do
23 |     {:ok, socket}
24 |   end
25 | 
26 |   # Socket id's are topics that allow you to identify all sockets for a given user:
27 |   #
28 |   #     def id(socket), do: "users_socket:#{socket.assigns.user_id}"
29 |   #
30 |   # Would allow you to broadcast a "disconnect" event and terminate
31 |   # all active sockets and channels for a given user:
32 |   #
33 |   #     HelloGraphQL.Endpoint.broadcast("users_socket:" <> user.id, "disconnect", %{})
34 |   #
35 |   # Returning `nil` makes this socket anonymous.
36 |   def id(_socket), do: nil
37 | end
38 | 


--------------------------------------------------------------------------------
/web/controllers/page_controller.ex:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.PageController do
2 |   use HelloGraphQL.Web, :controller
3 | 
4 |   def index(conn, _params) do
5 |     render conn, "index.html"
6 |   end
7 | end
8 | 


--------------------------------------------------------------------------------
/web/graphql/ecto_world_schema.ex:
--------------------------------------------------------------------------------
 1 | defmodule GraphQL.Schema.EctoWorld do
 2 |   alias GraphQL.Schema
 3 |   alias GraphQL.Type.ObjectType
 4 |   alias GraphQL.Type.String
 5 |   alias GraphQL.Type.ID
 6 | 
 7 |   def schema do
 8 |     %Schema{
 9 |       query: %ObjectType{
10 |         name: "EctoWorld",
11 |         fields: %{
12 |           greeting: %{
13 |             type: %String{},
14 |             args: %{
15 |               id: %{type: %ID{}},
16 |               name: %{type: %String{}},
17 |             },
18 |             resolve: {Schema.EctoWorld, :greeting}
19 |           }
20 |         }
21 |       }
22 |     }
23 |   end
24 | 
25 |   def greeting(_source, %{name: name}, _info) do
26 |     user = HelloGraphQL.User.find_by_name(name)
27 |     "Hello, #{user.name}!"
28 |   end
29 |   def greeting(_source, %{id: id}, _info) do
30 |     user = HelloGraphQL.User.find_by_id(id)
31 |     "Hello, #{user.name}!"
32 |   end
33 |   def greeting(_source, _args, _info), do: "Hello, world!"
34 | end
35 | 


--------------------------------------------------------------------------------
/web/graphql/hello_world_schema.ex:
--------------------------------------------------------------------------------
 1 | defmodule GraphQL.Schema.HelloWorld do
 2 |   alias GraphQL.Schema
 3 |   alias GraphQL.Type.ObjectType
 4 |   alias GraphQL.Type.String
 5 | 
 6 |   def schema do
 7 |     %Schema{
 8 |       query: %ObjectType{
 9 |         name: "HelloWorld",
10 |         fields: %{
11 |           greeting: %{
12 |             type: %String{},
13 |             args: %{name: %{type: %String{}}},
14 |             resolve: {Schema.HelloWorld, :greeting}
15 |           }
16 |         }
17 |       }
18 |     }
19 |   end
20 | 
21 |   def greeting(_source, %{name: name}, _info), do: "Hello, #{name}!"
22 |   def greeting(_source, _args, _info), do: "Hello, world!"
23 | end
24 | 


--------------------------------------------------------------------------------
/web/graphql/simple_blog_schema.ex:
--------------------------------------------------------------------------------
  1 | defmodule GraphQL.Schema.SimpleBlog do
  2 |   alias GraphQL.Type.{ObjectType, List, NonNull, ID, String, Int, Boolean}
  3 |   alias GraphQL.Schema.SimpleBlog
  4 |   alias GraphQL.Schema.SimpleBlog.{Article, Author, Image}
  5 | 
  6 |   defmodule Image do
  7 |     def type do
  8 |       %ObjectType{
  9 |         name: "Image",
 10 |         description: "Images for an article or a profile picture",
 11 |         fields: %{
 12 |           url: %{type: %String{}, description: "URL where the image of the appropriate size can be fetched"},
 13 |           width: %{type: %Int{}, description: "Width in pixels"},
 14 |           height: %{type: %Int{}, description: "Height in pixels"}
 15 |         }
 16 |       }
 17 |     end
 18 |   end
 19 | 
 20 |   defmodule Author do
 21 |     def type do
 22 |       %ObjectType{
 23 |         name: "Author",
 24 |         description: "Author of the blog, with their profile picture and latest article",
 25 |         fields: %{
 26 |           id: %{type: %String{}, description: "Author ID"},
 27 |           name: %{type: %String{}, description: "Author's name"},
 28 |           pic: %{
 29 |             args: %{
 30 |               width: %{type: %Int{}, description: "Width in pixels"},
 31 |               height: %{type: %Int{}, description: "Height in pixels"}
 32 |             },
 33 |             type: Image,
 34 |             description: "Picture of the author",
 35 |             resolve: fn(o, %{width: w, height: h}, _info) -> o.pic.(w, h) end
 36 |           },
 37 |           recentArticle: %{
 38 |             type: Article,
 39 |             description: "The most recent article published by the author",
 40 |             resolve: fn(_source, _args, _info) -> SimpleBlog.make_article(100) end
 41 |           }
 42 |         }
 43 |       }
 44 |     end
 45 |   end
 46 | 
 47 |   defmodule Article do
 48 |     def type do
 49 |       %ObjectType{
 50 |         name: "Article",
 51 |         description: "A blog post",
 52 |         fields: %{
 53 |           id: %{type: %NonNull{ofType: %String{}}},
 54 |           isPublished: %{type: %Boolean{}, description: "Is the article published yet?"},
 55 |           author: %{type: Author, description: "Author of the article"},
 56 |           title: %{type: %String{}, description: "Title of the article"},
 57 |           body: %{type: %String{}, description: "Content of the article"},
 58 |           keywords: %{type: %List{ofType: %String{}}, description: "Keywords describing the article contents"}
 59 |         }
 60 |       }
 61 |     end
 62 |   end
 63 | 
 64 |   defmodule Query do
 65 |     def type do
 66 |       %ObjectType{
 67 |         name: "Query",
 68 |         description: "All the queries available to the client",
 69 |         fields: %{
 70 |           article: %{
 71 |             type: %List{ofType: Article},
 72 |             description: "An Article or blog post written by an Author",
 73 |             args: %{id: %{type: %ID{}, description: "ID of the article"}},
 74 |             resolve: fn
 75 |               _source, %{id: id}, _info -> [SimpleBlog.make_article(id)]
 76 |               _source, _args, _info     -> for id <- 1..2, do: SimpleBlog.make_article(id)
 77 |             end
 78 |           },
 79 |           feed: %{
 80 |             type: %List{ofType: Article},
 81 |             description: "A feed of the latest articles",
 82 |             resolve: fn(_source, _args, _info) -> for id <- 1..2, do: SimpleBlog.make_article(id) end
 83 |           }
 84 |         }
 85 |       }
 86 |     end
 87 |   end
 88 | 
 89 |   def schema do
 90 |     %GraphQL.Schema{query: Query.type}
 91 |   end
 92 | 
 93 |   def make_article(id) do
 94 |     %{
 95 |       id: "#{id}",
 96 |       isPublished: true,
 97 |       author: %{
 98 |         id: "123",
 99 |         name: "John Smith",
100 |         pic: fn(width, height) -> get_pic("123", width, height) end
101 |       },
102 |       title: "My Article #{id}",
103 |       body: "This is the article content...",
104 |       hidden: "This data is not exposed in the schema",
105 |       keywords: ["elixir", "graphql", "technology", "api", "rest"]
106 |     }
107 |   end
108 | 
109 |   def get_pic(uid, width, height) do
110 |     %{
111 |       url: "cdn://example.com/images/#{uid}",
112 |       width: "#{width}",
113 |       height: "#{height}"
114 |     }
115 |   end
116 | end
117 | 


--------------------------------------------------------------------------------
/web/graphql/star_wars_schema.ex:
--------------------------------------------------------------------------------
  1 | defmodule GraphQL.Schema.StarWars do
  2 | 
  3 |   alias GraphQL.Type.{ObjectType, List, Interface, String, NonNull}
  4 |   alias GraphQL.Schema.StarWars.{Episode, Character, Droid, Human}
  5 | 
  6 |   defmodule Episode do
  7 |     def type do
  8 |       GraphQL.Type.Enum.new %{
  9 |         name: "Episode",
 10 |         description: "One of the films in the Star Wars Trilogy",
 11 |         values: %{
 12 |           NEWHOPE: %{value: 4, description: "Released in 1977"},
 13 |           EMPIRE: %{value: 5, description: "Released in 1980"},
 14 |           JEDI: %{value: 6, description: "Released in 1983"}
 15 |         }
 16 |       }
 17 |     end
 18 |   end
 19 | 
 20 |   defmodule Character do
 21 |     def type do
 22 |       Interface.new %{
 23 |         name: "Character",
 24 |         description: "A character in the Star Wars Trilogy",
 25 |         fields: %{
 26 |           id: %{type: %NonNull{ofType: %String{}}},
 27 |           name: %{type: %String{}},
 28 |           friends: %{type: %List{ofType: Character}},
 29 |           appears_in: %{type: %List{ofType: Episode}}
 30 |         },
 31 |         resolver: fn(x) ->
 32 |           if StarWars.Data.get_human(x.id), do: Human, else: Droid
 33 |         end
 34 |       }
 35 |     end
 36 |   end
 37 | 
 38 |   defmodule Human do
 39 |     def type do
 40 |       %ObjectType{
 41 |         name: "Human",
 42 |         description: "A humanoid creature in the Star Wars universe",
 43 |         fields: %{
 44 |           id: %{type: %NonNull{ofType: %String{}}},
 45 |           name: %{type: %String{}},
 46 |           friends: %{
 47 |             type: %List{ofType: Character},
 48 |             resolve: fn(item, _args, _info) -> StarWars.Data.get_friends(item) end
 49 |           },
 50 |           appears_in: %{type: %List{ofType: Episode}},
 51 |           home_planet: %{type: %String{}}
 52 |         },
 53 |         interfaces: [Character]
 54 |       }
 55 |     end
 56 |   end
 57 | 
 58 |   defmodule Droid do
 59 |     def type do
 60 |       %ObjectType{
 61 |         name: "Droid",
 62 |         description: "A mechanical creature in the Star Wars universe",
 63 |         fields: %{
 64 |           id: %{type: %NonNull{ofType: %String{}}},
 65 |           name: %{type: %String{}},
 66 |           friends: %{
 67 |             type: %List{ofType: Character},
 68 |             resolve: fn(item, _args, _info) -> StarWars.Data.get_friends(item) end
 69 |           },
 70 |           appears_in: %{type: %List{ofType: Episode}},
 71 |           primary_function: %{type: %String{}}
 72 |         },
 73 |         interfaces: [Character]
 74 |       }
 75 |     end
 76 |   end
 77 | 
 78 |   def query do
 79 |     %ObjectType{
 80 |       name: "Query",
 81 |       fields: %{
 82 |         hero: %{
 83 |           type: Character,
 84 |           args: %{
 85 |             # TODO this should be a type InputObject
 86 |             episode: %{
 87 |               type: Episode,
 88 |               description: "If omitted, returns the hero of the whole saga. If provided, returns the hero of that particular episode"
 89 |             }
 90 |           },
 91 |           resolve: fn(_source, args, _info) ->
 92 |             StarWars.Data.get_hero(Map.get(args, :episode))
 93 |           end
 94 |         },
 95 |         human: %{
 96 |           type: Human,
 97 |           args: %{
 98 |             id: %{type: %NonNull{ofType: %String{}}, description: "id of the human"}
 99 |           },
100 |           resolve: fn(_source, args, _info) -> StarWars.Data.get_human(args.id) end
101 |         },
102 |         droid: %{
103 |           type: Droid,
104 |           args: %{
105 |             id: %{type: %NonNull{ofType: %String{}}, description: "id of the droid"}
106 |           },
107 |           resolve: fn(_source, args, _info) -> StarWars.Data.get_droid(args.id) end
108 |         }
109 |       }
110 |     }
111 |   end
112 | 
113 |   def schema do
114 |     %GraphQL.Schema{query: query}
115 |   end
116 | end
117 | 
118 | defmodule StarWars.Data do
119 |   def get_character(id) do
120 |     get_human(id) || get_droid(id)
121 |   end
122 | 
123 |   def get_human(nil), do: nil
124 |   def get_human(id) do
125 |     Map.get(human_data, String.to_atom(id), nil)
126 |   end
127 | 
128 |   def get_droid(nil), do: nil
129 |   def get_droid(id) do
130 |     Map.get(droid_data, String.to_atom(id), nil)
131 |   end
132 | 
133 |   def get_friends(character) do
134 |     Map.get(character, :friends)
135 |     |> Enum.map(&(get_character(&1)))
136 |   end
137 | 
138 |   def get_hero(5), do: luke
139 |   def get_hero(_), do: artoo
140 |   def get_hero, do: artoo
141 | 
142 |   def luke do
143 |     %{id: "1000",
144 |       name: "Luke Skywalker",
145 |       friends: ["1002", "1003", "2000", "2001"],
146 |       appears_in: [4,5,6],
147 |       home_planet: "Tatooine"}
148 |   end
149 | 
150 |   def vader do
151 |     %{id: "1001",
152 |       name: "Darth Vader",
153 |       friends: ["1004"],
154 |       appears_in: [4,5,6],
155 |       home_planet: "Tatooine"}
156 |   end
157 | 
158 |   def han do
159 |     %{id: "1002",
160 |       name: "Han Solo",
161 |       friends: ["1000", "1003", "2001"],
162 |       appears_in: [4,5,6]}
163 |   end
164 | 
165 |   def leia do
166 |     %{id: "1003",
167 |       name: "Leia Organa",
168 |       friends: ["1000", "1002", "2000", "2001"],
169 |       appears_in: [4,5,6],
170 |       home_planet: "Alderaan"}
171 |   end
172 | 
173 |   def tarkin do
174 |     %{id: "1004",
175 |       name: "Wilhuff Tarkin",
176 |       friends: ["1001"],
177 |       appears_in: [4]}
178 |   end
179 | 
180 |   def human_data do
181 |     %{"1000": luke, "1001": vader, "1002": han,
182 |       "1003": leia, "1004": tarkin}
183 |   end
184 | 
185 |   def threepio do
186 |     %{id: "2000",
187 |       name: "C-3PO",
188 |       friends: ["1000", "1002", "1003", "2001"],
189 |       appears_in: [4,5,6],
190 |       primary_function: "Protocol"}
191 |   end
192 | 
193 |   def artoo do
194 |     %{id: "2001",
195 |       name: "R2-D2",
196 |       friends: ["1000", "1002", "1003"],
197 |       appears_in: [4,5,6],
198 |       primary_function: "Astromech"}
199 |   end
200 | 
201 |   def droid_data do
202 |     %{"2000": threepio, "2001": artoo}
203 |   end
204 | end
205 | 


--------------------------------------------------------------------------------
/web/models/user.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.User do
 2 |   use HelloGraphQL.Web, :model
 3 | 
 4 |   schema "users" do
 5 |     field :name, :string
 6 | 
 7 |     timestamps
 8 |   end
 9 | 
10 |   @required_fields ~w(name)
11 |   @optional_fields ~w()
12 | 
13 |   @doc """
14 |   Creates a changeset based on the `model` and `params`.
15 | 
16 |   If no params are provided, an invalid changeset is returned
17 |   with no validation performed.
18 |   """
19 |   def changeset(model, params \\ :empty) do
20 |     model
21 |     |> cast(params, @required_fields, @optional_fields)
22 |   end
23 | 
24 |   def find_by_name(name) do
25 |     query = from u in HelloGraphQL.User,
26 |       where: u.name == ^name
27 |     # this could break if more than theres more than 1 user with same name.
28 |     HelloGraphQL.Repo.one(query)
29 |   end
30 |   def find_by_id(id) do
31 |     query = from u in HelloGraphQL.User,
32 |       where: u.id == ^id
33 |     HelloGraphQL.Repo.one(query)
34 |   end
35 | end
36 | 


--------------------------------------------------------------------------------
/web/router.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.Router do
 2 |   use HelloGraphQL.Web, :router
 3 | 
 4 |   pipeline :browser do
 5 |     plug :accepts, ["html"]
 6 |     plug :fetch_session
 7 |     plug :fetch_flash
 8 |     plug :protect_from_forgery
 9 |     plug :put_secure_browser_headers
10 |   end
11 | 
12 |   pipeline :api do
13 |     plug :accepts, ["json"]
14 |   end
15 | 
16 |   scope "/", HelloGraphQL do
17 |     pipe_through :browser # Use the default browser stack
18 | 
19 |     get "/", PageController, :index
20 |   end
21 | 
22 |   scope "/graphql" do
23 |     pipe_through :api
24 | 
25 |     # Option 1: Wrap
26 |     # --------------
27 | 
28 |     # forward "/hello", HelloWorldExample
29 |     # forward "/blog", SimpleBlogExample
30 |     # forward "/ecto_world", EctoWorldExample
31 | 
32 |     # Option 2: get/post
33 |     # ------------------
34 |     get  "/hello",    GraphQL.Plug, schema: {GraphQL.Schema.HelloWorld, :schema}
35 |     post "/hello",    GraphQL.Plug, schema: {GraphQL.Schema.HelloWorld, :schema}
36 | 
37 |     get  "/blog",     GraphQL.Plug, schema: {GraphQL.Schema.SimpleBlog, :schema}
38 |     post "/blog",     GraphQL.Plug, schema: {GraphQL.Schema.SimpleBlog, :schema}
39 | 
40 |     get  "/ecto",     GraphQL.Plug, schema: {GraphQL.Schema.EctoWorld, :schema}
41 |     post "/ecto",     GraphQL.Plug, schema: {GraphQL.Schema.EctoWorld, :schema}
42 | 
43 |     get  "/starwars", GraphQL.Plug, schema: {GraphQL.Schema.StarWars, :schema}
44 |     post "/starwars", GraphQL.Plug, schema: {GraphQL.Schema.StarWars, :schema}
45 | 
46 |     # Option 3: match
47 |     # ---------------
48 |     # match  "/hello", GraphQL.Plug.Endpoint, schema: {GraphQL.Schema.HelloWorld, :schema}
49 |     # match  "/blog",  GraphQL.Plug.Endpoint, schema: {GraphQL.Schema.SimpleBlog, :schema}
50 |   end
51 | end
52 | 


--------------------------------------------------------------------------------
/web/static/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/web/static/assets/favicon.ico


--------------------------------------------------------------------------------
/web/static/assets/images/phoenix.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/graphql-elixir/hello_graphql_phoenix/d6357b000ce682c1bb037de6a9de876198baee50/web/static/assets/images/phoenix.png


--------------------------------------------------------------------------------
/web/static/assets/robots.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 | #
3 | # To ban all spiders from the entire site uncomment the next two lines:
4 | # User-agent: *
5 | # Disallow: /
6 | 


--------------------------------------------------------------------------------
/web/static/js/app.js:
--------------------------------------------------------------------------------
 1 | // Brunch automatically concatenates all files in your
 2 | // watched paths. Those paths can be configured at
 3 | // config.paths.watched in "brunch-config.js".
 4 | //
 5 | // However, those files will only be executed if
 6 | // explicitly imported. The only exception are files
 7 | // in vendor, which are never wrapped in imports and
 8 | // therefore are always executed.
 9 | 
10 | // Import dependencies
11 | //
12 | // If you no longer want to use a dependency, remember
13 | // to also remove its path from "config.paths.watched".
14 | import "deps/phoenix_html/web/static/js/phoenix_html"
15 | 
16 | // Import local files
17 | //
18 | // Local files can be imported directly using relative
19 | // paths "./socket" or full ones "web/static/js/socket".
20 | 
21 | // import socket from "./socket"
22 | 


--------------------------------------------------------------------------------
/web/static/js/socket.js:
--------------------------------------------------------------------------------
 1 | // NOTE: The contents of this file will only be executed if
 2 | // you uncomment its entry in "web/static/js/app.js".
 3 | 
 4 | // To use Phoenix channels, the first step is to import Socket
 5 | // and connect at the socket path in "lib/my_app/endpoint.ex":
 6 | import {Socket} from "deps/phoenix/web/static/js/phoenix"
 7 | 
 8 | let socket = new Socket("/socket", {params: {token: window.userToken}})
 9 | 
10 | // When you connect, you'll often need to authenticate the client.
11 | // For example, imagine you have an authentication plug, `MyAuth`,
12 | // which authenticates the session and assigns a `:current_user`.
13 | // If the current user exists you can assign the user's token in
14 | // the connection for use in the layout.
15 | //
16 | // In your "web/router.ex":
17 | //
18 | //     pipeline :browser do
19 | //       ...
20 | //       plug MyAuth
21 | //       plug :put_user_token
22 | //     end
23 | //
24 | //     defp put_user_token(conn, _) do
25 | //       if current_user = conn.assigns[:current_user] do
26 | //         token = Phoenix.Token.sign(conn, "user socket", current_user.id)
27 | //         assign(conn, :user_token, token)
28 | //       else
29 | //         conn
30 | //       end
31 | //     end
32 | //
33 | // Now you need to pass this token to JavaScript. You can do so
34 | // inside a script tag in "web/templates/layout/app.html.eex":
35 | //
36 | //     <script>window.userToken = "<%= assigns[:user_token] %>";</script>
37 | //
38 | // You will need to verify the user token in the "connect/2" function
39 | // in "web/channels/user_socket.ex":
40 | //
41 | //     def connect(%{"token" => token}, socket) do
42 | //       # max_age: 1209600 is equivalent to two weeks in seconds
43 | //       case Phoenix.Token.verify(socket, "user socket", token, max_age: 1209600) do
44 | //         {:ok, user_id} ->
45 | //           {:ok, assign(socket, :user, user_id)}
46 | //         {:error, reason} ->
47 | //           :error
48 | //       end
49 | //     end
50 | //
51 | // Finally, pass the token on connect as below. Or remove it
52 | // from connect if you don't care about authentication.
53 | 
54 | socket.connect()
55 | 
56 | // Now that you are connected, you can join channels with a topic:
57 | let channel = socket.channel("topic:subtopic", {})
58 | channel.join()
59 |   .receive("ok", resp => { console.log("Joined successfully", resp) })
60 |   .receive("error", resp => { console.log("Unable to join", resp) })
61 | 
62 | export default socket
63 | 


--------------------------------------------------------------------------------
/web/templates/layout/app.html.eex:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |     <meta name="description" content="GraphQL Elixir examples and GraphiQL sandbox">
 8 |     <meta name="author" content="GraphQL Elixir team">
 9 | 
10 |     <title>GraphQL Elixir - Phoenix examples</title>
11 |     <link rel="stylesheet" href="<%= static_path(@conn, "/css/app.css") %>">
12 |   </head>
13 | 
14 |   <body>
15 |     <div class="container" role="main">
16 |       <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
17 |       <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
18 | 
19 |       <%= render @view_module, @view_template, assigns %>
20 | 
21 |     </div> <!-- /container -->
22 |     <script src="<%= static_path(@conn, "/js/app.js") %>"></script>
23 |   </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/web/templates/page/index.html.eex:
--------------------------------------------------------------------------------
  1 | <div class="jumbotron">
  2 |   <h2>Welcome to GraphQL Elixir!</h2>
  3 |   <p class="lead">A better way to build blazing fast APIs.</p>
  4 | </div>
  5 | 
  6 | <div class="row marketing">
  7 |   <div class="col-lg-6">
  8 |     <h4>Hello World Example</h4>
  9 |     <p>
 10 |       This is the simplest possible schema definition with a single entry point working against hard-coded values.
 11 |     </p>
 12 |     <ul>
 13 |       <li>
 14 |         <a href="https://github.com/graphql-elixir/hello_graphql_phoenix/blob/master/web/graphql/hello_world_schema.ex">
 15 |           Schema definition
 16 |         </a>
 17 |       </li>
 18 |       <li>
 19 |         <a href="/graphql/hello?query=%7B%0A%20%20greeting%0A%7D%0A">
 20 |           Simplest possible query
 21 |         </a>
 22 |       </li>
 23 |       <li>
 24 |         <a href='/graphql/hello?query=%7B%0A%20%20greeting(name%3A%20"Joe")%0A%7D%0A'>
 25 |           Parameterise greeting query by name
 26 |         </a>
 27 |       </li>
 28 |     </ul>
 29 |   </div>
 30 | 
 31 |   <div class="col-lg-6">
 32 |     <h4>Simple Blog Example</h4>
 33 |     <p>
 34 |       A simple schema definition with a variety of data types.
 35 |     </p>
 36 |     <p>
 37 |       <strong>Hint: </strong><em>Try out the auto-complete of the queries and explore the documentation!</em>
 38 |     </p>
 39 |     <ul>
 40 |       <li>
 41 |         <a href="https://github.com/graphql-elixir/hello_graphql_phoenix/blob/master/web/graphql/simple_blog_schema.ex">
 42 |           Schema definition
 43 |         </a>
 44 |       </li>
 45 |       <li>
 46 |         <a href="/graphql/blog?query=%7B%0A%20%20article(id%3A%201)%20%7B%0A%20%20%20%20title%0A%20%20%20%20body%0A%20%20%20%20author%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20pic(width%3A%2050%2C%20height%3A%2050)%20%7B%0A%20%20%20%20%20%20%20%20url%0A%20%20%20%20%20%20%20%20width%0A%20%20%20%20%20%20%20%20height%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A">
 47 |           Fetch an article by ID with nested author name and picture
 48 |         </a>
 49 |       </li>
 50 |       <li>
 51 |         <a href="/graphql/blog?query=%7B%0A%20%20feed%20%7B%0A%20%20%20%20title%0A%20%20%20%20body%0A%20%20%7D%0A%20%20article(id%3A%201)%20%7B%0A%20%20%20%20id%0A%20%20%20%20title%0A%20%20%20%20body%0A%20%20%20%20author%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20recentArticle%20%7B%0A%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A">
 52 |           Fetch a blog feed and an article in one query
 53 |         </a>
 54 |       </li>
 55 |     </ul>
 56 |   </div>
 57 | 
 58 |   <div class="col-lg-12">
 59 |     <h4>Simple Ecto Example</h4>
 60 |     <p>
 61 |       A variant of the Hello World schema definition using an Ecto-driven PostgreSQL datastore.
 62 |     </p>
 63 |     <ul>
 64 |       <li>
 65 |         <a href="https://github.com/graphql-elixir/hello_graphql_phoenix/blob/master/web/graphql/ecto_world_schema.ex">
 66 |           Schema definition
 67 |         </a>
 68 |       </li>
 69 |       <li>
 70 |         <a href="/graphql/ecto?query=%7B%0A%20%20greeting(id%3A%202)%0A%7D%0A">
 71 |           Greet a person fetched by ID
 72 |         </a>
 73 |       </li>
 74 |       <li>
 75 |         <a href='/graphql/ecto?query=%7B%0A%20%20greeting(name%3A%20"Garrett1")%0A%7D%0A'>
 76 |           Greet a person fetched by name
 77 |         </a>
 78 |       </li>
 79 |     </ul>
 80 |   </div>
 81 | 
 82 |   <div class="col-lg-12">
 83 |     <h4>Star Wars Example</h4>
 84 |     <p>
 85 |       A more complex schema containing Enum types and Interfaces. Data is stored in memory.
 86 |     </p>
 87 |     <p>
 88 |       Note the use of type introspection using the `__typename` field.
 89 |     </p>
 90 |     <ul>
 91 |       <li>
 92 |         <a href="https://github.com/graphql-elixir/hello_graphql_phoenix/blob/master/web/graphql/star_wars_schema.ex">
 93 |           Schema definition
 94 |         </a>
 95 |       </li>
 96 |       <li>
 97 |         <a href="/graphql/starwars?query=%7B%0A%20%20hero%20%7B%0A%20%20%20%20name%0A%20%20%20%20appears_in%0A%20%20%20%20friends%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20__typename%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A">
 98 |           Fetch the hero of Star Wars
 99 |         </a>
100 |       </li>
101 |       <li>
102 |         <a href='/graphql/starwars?query=%7B%0A%20%20hero(episode%3A%20EMPIRE)%20%7B%0A%20%20%20%20name%0A%20%20%20%20appears_in%0A%20%20%20%20friends%20%7B%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20friends%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A'>
103 |           Fetch the hero of a specific film (with nested friends of friends)
104 |         </a>
105 |       </li>
106 |     </ul>
107 |   </div>
108 | 
109 |   <div class="col-lg-6">
110 |     <h4>Resources</h4>
111 |     <ul>
112 |       <li>
113 |         <a href="http://hex.pm/packages/plug_graphql">GraphQL Plug Hex Package</a>
114 |       </li>
115 |       <li>
116 |         <a href="http://hexdocs.pm/plug_graphql">GraphQL Plug Docs</a>
117 |       </li>
118 |       <li>
119 |         <a href="https://github.com/graphql-elixir/plug_graphql">GraphQL Plug Source</a>
120 |       </li>
121 |       <li>
122 |         <a href="http://hex.pm/packages/graphql">GraphQL Core Hex Package</a>
123 |       </li>
124 |       <li>
125 |         <a href="http://hexdocs.pm/graphql">GraphQL Core Docs</a>
126 |       </li>
127 |       <li>
128 |         <a href="https://github.com/graphql-elixir/graphql">GraphQL Core Source</a>
129 |       </li>
130 |       <li>
131 |         <a href="http://facebook.github.io/graphql/">GraphQL Spec</a>
132 |       </li>
133 |     </ul>
134 |   </div>
135 | 
136 |   <div class="col-lg-6">
137 |     <h4>Help</h4>
138 |     <ul>
139 |       <li>
140 |         <a href="https://graphql-slack.herokuapp.com/">Erlang channel on the GraphQL Slack</a>
141 |       </li>
142 |     </ul>
143 |   </div>
144 | </div>
145 | 


--------------------------------------------------------------------------------
/web/views/error_view.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.ErrorView do
 2 |   use HelloGraphQL.Web, :view
 3 | 
 4 |   def render("404.html", _assigns) do
 5 |     "Page not found"
 6 |   end
 7 | 
 8 |   def render("500.html", _assigns) do
 9 |     "Server internal error"
10 |   end
11 | 
12 |   # In case no render clause matches or no
13 |   # template is found, let's render it as 500
14 |   def template_not_found(_template, assigns) do
15 |     render "500.html", assigns
16 |   end
17 | end
18 | 


--------------------------------------------------------------------------------
/web/views/layout_view.ex:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.LayoutView do
2 |   use HelloGraphQL.Web, :view
3 | end
4 | 


--------------------------------------------------------------------------------
/web/views/page_view.ex:
--------------------------------------------------------------------------------
1 | defmodule HelloGraphQL.PageView do
2 |   use HelloGraphQL.Web, :view
3 | end
4 | 


--------------------------------------------------------------------------------
/web/web.ex:
--------------------------------------------------------------------------------
 1 | defmodule HelloGraphQL.Web do
 2 |   @moduledoc """
 3 |   A module that keeps using definitions for controllers,
 4 |   views and so on.
 5 | 
 6 |   This can be used in your application as:
 7 | 
 8 |       use HelloGraphQL.Web, :controller
 9 |       use HelloGraphQL.Web, :view
10 | 
11 |   The definitions below will be executed for every view,
12 |   controller, etc, so keep them short and clean, focused
13 |   on imports, uses and aliases.
14 | 
15 |   Do NOT define functions inside the quoted expressions
16 |   below.
17 |   """
18 | 
19 |   def model do
20 |     quote do
21 |       use Ecto.Schema
22 | 
23 |       import Ecto
24 |       import Ecto.Changeset
25 |       import Ecto.Query, only: [from: 1, from: 2]
26 |     end
27 |   end
28 | 
29 |   def controller do
30 |     quote do
31 |       use Phoenix.Controller, namespace: HelloGraphQL
32 | 
33 |       import HelloGraphQL.Router.Helpers
34 |     end
35 |   end
36 | 
37 |   def view do
38 |     quote do
39 |       use Phoenix.View, root: "web/templates", namespace: HelloGraphQL
40 | 
41 |       # Import convenience functions from controllers
42 |       import Phoenix.Controller, only: [get_csrf_token: 0, get_flash: 2, view_module: 1]
43 | 
44 |       # Use all HTML functionality (forms, tags, etc)
45 |       use Phoenix.HTML
46 | 
47 |       import HelloGraphQL.Router.Helpers
48 |     end
49 |   end
50 | 
51 |   def router do
52 |     quote do
53 |       use Phoenix.Router
54 |     end
55 |   end
56 | 
57 |   def channel do
58 |     quote do
59 |       use Phoenix.Channel
60 |     end
61 |   end
62 | 
63 |   @doc """
64 |   When used, dispatch to the appropriate controller/view/etc.
65 |   """
66 |   defmacro __using__(which) when is_atom(which) do
67 |     apply(__MODULE__, which, [])
68 |   end
69 | end
70 | 


--------------------------------------------------------------------------------