Ro auth wip

lib/quack/password.ex

@@ -0,0 +1,21 @@
+defmodule Quack.Password do
+ alias Quack.Repo
+ import Ecto.Changeset, only: [put_change: 3]
+ import Comeonin.Bcrypt, only: [hashpwsalt: 1]
+
+ @doc """
+ Encrypts password in the user changeset and stores it to the changeset as `encrypted_password`.
+ """
+ def encrypt_password(changeset) do
+ put_change(changeset, :encrypted_password, hashpwsalt(changeset.params["password"]))
+ end
+
+ @doc """
+ Encrypts password in the user changeset and stores it to the database.
+ """
+ def encrypt_password_and_save_user(changeset) do
+ changeset
+ |> encrypt_password
+ |> Repo.insert
+ end
+end

mix.exs

@@ -30,10 +30,11 @@ defmodule Quack.Mixfile do
  # Type `mix help deps` for examples and options
  defp deps do
  [{:phoenix, "~> 0.14"},
- {:phoenix_ecto, "~> 0.4"},
+ {:phoenix_ecto, "~> 0.5"},
  {:postgrex, ">= 0.0.0"},
  {:phoenix_html, "~> 1.1"},
  {:phoenix_live_reload, "~> 0.4.3", only: :dev},
+ {:comeonin, "~> 1.0"},
  {:cowboy, "~> 1.0"}]
  end
 end

mix.lock

@@ -1,4 +1,5 @@
-%{"cowboy": {:hex, :cowboy, "1.0.2"},
+%{"comeonin": {:hex, :comeonin, "1.0.5"},
+ "cowboy": {:hex, :cowboy, "1.0.2"},
  "cowlib": {:hex, :cowlib, "1.0.1"},
  "decimal": {:hex, :decimal, "1.1.0"},
  "ecto": {:hex, :ecto, "0.12.1"},

package.json

@@ -33,6 +33,7 @@
  },
  "dependencies": {
  "flux": "^2.0.3",
+ "jquery": "^2.1.4",
  "object-assign": "^3.0.0",
  "react": "^0.13.3",
  "react-router": "^0.13.3"

priv/repo/migrations/20150721043946_AddFieldsToUser.exs

@@ -0,0 +1,10 @@
+defmodule Quack.Repo.Migrations.AddFieldsToUser do
+ use Ecto.Migration
+
+ def change do
+ alter table(:users) do
+ add :email, :string
+ add :password_encrypted, :string
+ end
+ end
+end

web/controllers/registration_controller.ex

@@ -0,0 +1,23 @@
+defmodule Quack.RegistrationController do
+ use Quack.Web, :controller
+
+ alias Quack.Password
+
+ plug :scrub_params, "user" when action in [:create]
+
+ def create(conn, params) do
+ changeset = User.changeset(%User{}, params["user"])
+
+ if changeset.valid? do
+ new_user = Password.encrypt_password_and_save_user(changeset)
+
+ conn
+ |> put_flash(:info, "Successfully registered and logged in")
+ |> put_session(:current_user, new_user)
+ |> redirect(to: page_path(conn, :index))
+ else
+ # render json error
+ json conn, %{error: "WHOOPS!"}
+ end
+ end
+end

web/models/user.ex

@@ -2,13 +2,17 @@ defmodule Quack.User do
  use Quack.Web, :model
 
  schema "users" do
+ field :email, :string
  field :name, :string
+ field :password_encrypted, :string
+ field :password, :string, virtual: true
+ field :password_confirmation, :string, virtual: true
  has_many :messages, Message
 
  timestamps
  end
 
- @required_fields ~w(name)
+ @required_fields ~w(email name password password_confirmation)
  @optional_fields ~w()
 
  @doc """
@@ -20,5 +24,8 @@ defmodule Quack.User do
  def changeset(model, params \\ :empty) do
  model
  |> cast(params, @required_fields, @optional_fields)
+ |> validate_unique(:email, on: Quack.Repo, downcase: true)
+ |> validate_length(:password, min: 6)
+ |> validate_confirmation(:password, message: "passwords do not match")
  end
 end

web/router.ex

@@ -22,8 +22,9 @@ defmodule Quack.Router do
  get "/", PageController, :index
  end
 
- # Other scopes may use custom stacks.
- # scope "/api", Quack do
- # pipe_through :api
- # end
+ scope "/api", Quack do
+ pipe_through :api
+
+ post "/register", RegistrationController, :create
+ end
 end

web/static/js/actions/actions.js

@@ -1,5 +1,6 @@
 var AppDispatcher = require('../dispatcher/app_dispatcher');
 var ActionTypes = require('../constants/constants').ActionTypes;
+var QuackAPI = require('../data/api');
 var QuackSocket = require('../data/socket');
 var UserStore = require('../stores/user_store');
 var UserCommandHandler = require('../utils/user_command_handler');
@@ -50,6 +51,19 @@ module.exports = {
  );
  },
 
+ registerUser: function(userParams) {
+ QuackAPI.post({
+ user: userParams
+ });
+ // dispatch(
+ // ActionTypes.REGISTER_USER,
+ // {
+ // email: userParams.email,
+ // password: userParams.password
+ // }
+ // );
+ },
+
  subscribe: function(roomName) {
  dispatch(ActionTypes.SUBSCRIBE, roomName);
  this.flashNotify('Joining ' + roomName);

web/static/js/components/login.jsx

@@ -3,7 +3,7 @@ var Actions = require('../actions/actions');
 var Navigation = require('react-router').Navigation;
 var KeyCodes = require('../utils/keycodes');
 
-var About = React.createClass({
+var Login = React.createClass({
  mixins: [Navigation],
  render: function () {
  return (
@@ -42,4 +42,4 @@ var About = React.createClass({
 
 });
 
-module.exports = About;
+module.exports = Login;

web/static/js/components/quack.jsx

@@ -12,6 +12,7 @@ var Quack = React.createClass({
  <nav>
  <ul>
  <li><Link to="login">Login</Link></li>
+ <li><Link to="register">Register</Link></li>
  <li><Link to="about">About</Link></li>
  <li><Link to="chat">Chat</Link></li>
  </ul>

web/static/js/components/register.jsx

@@ -0,0 +1,56 @@
+var React = require('react');
+var Actions = require('../actions/actions');
+var Navigation = require('react-router').Navigation;
+var KeyCodes = require('../utils/keycodes');
+
+var Register = React.createClass({
+ mixins: [Navigation],
+
+ render: function () {
+ return (
+ <article className="register">
+ <input type="text" placeholder="email" onChange={this._onChange.bind(this, 'email')} onKeyDown={this._onKeyDown} />
+ <input type="password" placeholder="password" onChange={this._onChange.bind(this, 'password')} onKeyDown={this._onKeyDown} />
+ <a className="quack" onClick={this._onClick} href="#">Register</a>
+ </article>
+ );
+ },
+
+ getInitialState: function() {
+ return {
+ email: "",
+ password: ""
+ };
+ },
+
+ _onChange: function(field, event) {
+ event.preventDefault();
+ var newState = {};
+ newState[field] = event.target.value;
+ this.setState(newState);
+ },
+
+ _onClick: function(e) {
+ e.preventDefault();
+ this._registerUser();
+ },
+
+ _onKeyDown: function(event) {
+ if (event.keyCode === KeyCodes.enter) {
+ event.preventDefault();
+ this._registerUser();
+ }
+ },
+
+ _register: function() {
+ Actions.registerUser({
+ email: this.state.email,
+ password: this.state.password
+ });
+
+ // this.transitionTo('chat');
+ }
+
+});
+
+module.exports = Register;

web/static/js/constants/constants.js

@@ -11,6 +11,7 @@ module.exports = {
  EDIT_LAST_MESSAGE: null,
  INCOMING_MESSAGE: null,
  NOTIFY: null,
+ REGISTER_USER: null,
  SUBSCRIBE: null,
  UNSUBSCRIBE: null,
  USER_LIST_CHANGE: null,

web/static/js/data/api.js

@@ -0,0 +1,19 @@
+var $ = require('jquery');
+
+var QuackAPI = {
+ post: function(params) {
+ $.ajax({
+ type: 'post',
+ url: '/api/register',
+ data: params,
+ success: function() {
+ console.log('Success!');
+ },
+ error: function() {
+ console.log('Error! :(');
+ }
+ });
+ }
+};
+
+module.exports = QuackAPI;

web/static/js/routes/routes.js

@@ -6,10 +6,12 @@ var About = require('../components/about.jsx');
 var Quack = require('../components/quack.jsx');
 var Chat = require('../components/chat.jsx');
 var Login = require('../components/login.jsx');
+var Register = require('../components/register.jsx');
 
 var routes = (
  <Route path='/' handler={Quack}>
  <DefaultRoute name="login" handler={Login} />
+ <Route name="register" handler={Register} />
  <Route name="chat" handler={Chat} />
  <Route name="about" handler={About}/>
  </Route>

web/web.ex

@@ -33,6 +33,8 @@ defmodule Quack.Web do
 
  # Import URL helpers from the router
  import Quack.Router.Helpers
+
+ alias Quack.User
  end
  end