half-pipe 0.3.0.alpha.2 → 0.3.0.alpha.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9e779c2dd9479a1245d628d0d1b9301df8273d89
-  data.tar.gz: 7f7b736cf0996b856cdf9ef4a04b0bf894e398cc
+  metadata.gz: ef0b6df768ef367df6b366f16703de9345b4c36d
+  data.tar.gz: 8daf29daf4c6d00f3d9fb9c7e0f58c71aa58044f
 SHA512:
-  metadata.gz: 25d694c6d65fdc4fb58901abc92c64d6e5a59a2cffb59a9cc3fb62f18a1d86e67148e27dc161ea0539fab5c312b858d61820f1a54c62a83524a1536e8acccef7
-  data.tar.gz: 02acde5fa5bf06feabb6c6772f193a4ed29b4ae82421e8038dd4a098e78f7c85fdaf6fa7ac07abe3ccdb04b57c6058f2d7b136e578fe1afb7991285e947b356e
+  metadata.gz: b88bc561894217752b1cffec8144602ab41932f27ace516690d3690fabc523cd3d833f41822ec0d0b9bc66e4ebe3fff213b8ab7a4ba3c2de8d09310d2546c072
+  data.tar.gz: 6b762bcd300d6e25212e7e292b7b07e7de9bbacf86f0cadeac890429dda45cb0c1c1cf05a0b59a5d08cec254e779e22e8ffecf90f229ce5924cd1276ab73fd9d

data/examples/todomvc-rails/.bowerrc

@@ -0,0 +1,3 @@
+{
+  "json": "bower.json"
+}

data/examples/todomvc-rails/.gitignore

@@ -0,0 +1,20 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+/db/*.sqlite3-journal
+
+# Ignore all logfiles and tempfiles.
+/log/*.log
+/tmp
+node_modules
+bower_components
+public/assets
+.sass-cache

data/examples/todomvc-rails/.jshintrc

@@ -0,0 +1,34 @@
+{
+  "camelcase": true,
+  "indent": 2,
+  "white": false,
+  "curly": true,
+  "eqeqeq": true,
+  "immed": true,
+  "latedef": true,
+  "newcap": false,
+  "noarg": true,
+  "sub": true,
+  "undef": true,
+  "boss": true,
+  "eqnull": true,
+  "browser": true,
+  "globals": {
+    "test": true,
+    "asyncTest": true,
+    "start": true,
+    "expect": true,
+    "module": true,
+    "define": true,
+    "sinon": true,
+    "require": true,
+    "console": true,
+    "Class": true,
+    "Events": true,
+    "Options": true,
+    "Element": true,
+    "$": true,
+    "$$": true
+  }
+}
+

data/examples/todomvc-rails/Gemfile

@@ -0,0 +1,40 @@
+source 'https://rubygems.org'
+
+ruby "2.0.0"
+
+# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
+gem 'rails', '~>4.0.0'
+
+gem "pg"
+
+# See https://github.com/sstephenson/execjs#readme for more supported runtimes
+# gem 'therubyracer', platforms: :ruby
+
+# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
+gem 'jbuilder', '~> 1.0.1'
+
+gem 'half-pipe', path: '../../'
+
+group :development do
+  # Use sqlite3 as the database for Active Record
+  gem 'sqlite3'
+end
+
+group :doc do
+  # bundle exec rake doc:rails generates the API under doc/api.
+  gem 'sdoc', require: false
+end
+
+# Use ActiveModel has_secure_password
+# gem 'bcrypt-ruby', '~> 3.0.0'
+
+# Use unicorn as the app server
+# gem 'unicorn'
+
+# Use Capistrano for deployment
+# gem 'capistrano', group: :development
+
+# Use debugger
+# gem 'debugger', group: [:development, :test]
+
+gem "sass-css-importer", github: "joefiorini/sass-css-importer", branch: "load-paths"

data/examples/todomvc-rails/Gruntfile.js

@@ -0,0 +1,42 @@
+/*global module:false*/
+module.exports = function(grunt) {
+
+  require("load-grunt-tasks")(grunt);
+  grunt.loadNpmTasks('grunt-connect-proxy');
+
+  function config(name){
+    return require("./tasks/options/" + name);
+  }
+
+  // Project configuration.
+  grunt.initConfig({
+    // Metadata.
+    pkg: grunt.file.readJSON('package.json'),
+    dirs: grunt.file.readJSON('config/half-pipe.json'),
+    bowerOpts: grunt.file.readJSON('.bowerrc'),
+    jshint: config("jshint"),
+    sass: config("sass"),
+    cssmin: config("cssmin"),
+    requirejs: config("requirejs"),
+    connect: config("connect"),
+    copy: config("copy"),
+    watch: config("watch"),
+    rails: config("rails"),
+    clean: ['<%= dirs.tmp %>']
+  });
+
+  // Default task.
+  grunt.registerTask('default', 'build:debug');
+
+  // Configure asset building pipeline
+  grunt.registerTask('build', ['build:debug']);
+  grunt.registerTask('build:debug', ['clean', 'copy:prepare', 'requirejs:debug', 'sass:debug']);
+  grunt.registerTask('build:public', ['clean', 'copy:prepare', 'requirejs:public', 'sass:public', 'copy:finalize']);
+
+  // Configure preview server
+  grunt.registerTask('server', ['server:debug']);
+  grunt.registerTask('server:debug', ['build:debug', 'configureProxies', 'connect:debug', 'rails:server:start', 'watch']);
+  grunt.registerTask('server:public', ['build:public', 'configureProxies', 'connect:public:keepalive']);
+
+};
+

data/examples/todomvc-rails/README.rdoc

@@ -0,0 +1,5 @@
+== TodoMVC on Rails
+
+I built the TodoMVC app according to its spec using only Rails 4 and a hint of javascript. See my article for more details
+
+http://www.mattdeleon.net/

data/examples/todomvc-rails/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Todos::Application.load_tasks

data/examples/todomvc-rails/app/controllers/application_controller.rb

@@ -0,0 +1,5 @@
+class ApplicationController < ActionController::Base
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  protect_from_forgery with: :exception
+end

data/examples/todomvc-rails/app/controllers/todos_controller.rb

@@ -0,0 +1,69 @@
+class TodosController < ApplicationController
+  helper_method :current_filter
+
+  def index
+    @todos = Todo
+  end
+
+  def active
+    @todos = Todo.active
+
+    set_current_filter(:active)
+
+    render :index
+  end
+
+  def completed
+    @todos = Todo.completed
+
+    set_current_filter(:completed)
+
+    render :index
+  end
+
+  def create
+    @todo = Todo.new(todo_params)
+    @todo.save
+  end
+
+  def update
+    @todo = Todo.find(params[:id])
+    @todo.update(todo_params)
+  end
+
+  def destroy_completed
+    @todos_for_destruction = Todo.completed.all
+    
+    Todo.completed.destroy_all
+  end
+
+  def destroy
+    @todo = Todo.find(params[:id])
+    @todo.destroy
+  end
+
+  def toggle
+    @todo = Todo.find(params[:id])
+    @todo.toggle!(:completed)
+  end
+
+  def toggle_all
+    Todo.update_all(completed: params[:completed] ? 't' : 'f')
+
+    @todos = Todo.all
+  end
+
+private
+
+  def todo_params
+    params.require(:todo).permit(:title, :completed)
+  end
+
+  def set_current_filter(filter)
+    @current_filter = filter
+  end
+
+  def current_filter
+    @current_filter
+  end
+end

data/examples/todomvc-rails/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/examples/todomvc-rails/app/helpers/todos_helper.rb

@@ -0,0 +1,5 @@
+module TodosHelper
+  def todos_filter_class
+    "filtered " + current_filter.to_s
+  end
+end

data/examples/todomvc-rails/app/models/todo.rb

@@ -0,0 +1,8 @@
+class Todo < ActiveRecord::Base
+  scope :completed, -> { where("completed = ?", true) }
+  scope :active, -> { where("completed = ?", false) }
+
+  def title=(title)
+    write_attribute(:title, title.strip)
+  end
+end

data/examples/todomvc-rails/app/scripts/main.js

@@ -0,0 +1,53 @@
+'use strict';
+
+define('todos',
+  [
+    'todo-title-input',
+    'jquery',
+    'jquery-ujs'
+  ],
+
+  function(TodoTitleInput, $){
+
+    // Add your initialization code here
+
+    $.fn.todoTitleInput = function() {
+      return this.each(function() {
+        var data;
+        data = $.data(this, 'todoTitleInput');
+        if (!data) {
+          return data = $.data(this, 'todoTitleInput', new TodoTitleInput(this));
+        }
+      });
+    };
+
+    $(document).on("keypress", "[data-behavior~=submit_on_enter]", function(e) {
+      if (e.keyCode === 13) {
+        if ($(this).val().trim().length) {
+          $(this).closest("form").submit();
+        }
+        return e.preventDefault();
+      }
+    });
+
+    $(document).on("click", "[data-behavior~=submit_on_check]", function() {
+      return $(this).closest("form").submit();
+    });
+
+    $(document).on("dblclick", "[data-behavior~=todo_title]", function() {
+      $(this).closest("li").addClass("editing").siblings().removeClass("editing");
+      return $(this).closest("li").find("[data-behavior~=todo_title_input]").focus();
+    });
+
+    $(document).on("focus", "[data-behavior~=todo_title_input]", function() {
+      return $(this).todoTitleInput();
+    });
+
+    $(document).on("ajax:before", "form[data-remote]", function() {
+      return $(this).addClass("submitting");
+    });
+
+    $(document).on("ajax:complete", "form[data-remote]", function() {
+      return $(this).removeClass("submitting");
+    });
+  });

data/examples/todomvc-rails/app/scripts/todo-title-input.js

@@ -0,0 +1,57 @@
+define(['jquery'], function($) {
+
+  return function() {
+
+    function TodoTitleInput(input) {
+      var _this = this;
+      this.$input = $(input);
+      this.$input.on("keypress", function(e) {
+        return _this.keypress(e);
+      });
+      this.$input.on("blur", function(e) {
+        return _this.blur(e);
+      });
+    }
+
+    TodoTitleInput.prototype.keypress = function(e) {
+      if (e.keyCode === 27) {
+        return this.handleEscape();
+      } else if (e.keyCode === 13) {
+        return this.handleEnter();
+      }
+    };
+
+    TodoTitleInput.prototype.blur = function() {
+      return this.submitFormOrDestroy();
+    };
+
+    TodoTitleInput.prototype.handleEscape = function() {
+      return this.$input.val(this.$input.data("original-value")).parents("li").removeClass("editing");
+    };
+
+    TodoTitleInput.prototype.handleEnter = function() {
+      this.submitFormOrDestroy();
+      return false;
+    };
+
+    TodoTitleInput.prototype.submitFormOrDestroy = function() {
+      if (this.$input.val().trim().length === 0) {
+        return this.destroyTodo();
+      } else {
+        return this.submitForm();
+      }
+    };
+
+    TodoTitleInput.prototype.submitForm = function() {
+      return this.$input.parents("form").submit();
+    };
+
+    TodoTitleInput.prototype.destroyTodo = function() {
+      return this.$input.parents("li").find(".destroy").click();
+    };
+
+    return TodoTitleInput;
+
+  }
+
+});

data/examples/todomvc-rails/app/styles/base.scss

@@ -0,0 +1,415 @@
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+button {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-family: inherit;
+  color: inherit;
+  -webkit-appearance: none;
+  /*-moz-appearance: none;*/
+  -ms-appearance: none;
+  -o-appearance: none;
+  appearance: none;
+}
+
+body {
+  font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  line-height: 1.4em;
+  background: #eaeaea image-url('bg.png');
+  color: #4d4d4d;
+  width: 550px;
+  margin: 0 auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  -ms-font-smoothing: antialiased;
+  -o-font-smoothing: antialiased;
+  font-smoothing: antialiased;
+}
+
+#todoapp {
+  background: #fff;
+  background: rgba(255, 255, 255, 0.9);
+  margin: 130px 0 40px 0;
+  border: 1px solid #ccc;
+  position: relative;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2),
+        0 25px 50px 0 rgba(0, 0, 0, 0.15);
+}
+
+#todoapp:before {
+  content: '';
+  border-left: 1px solid #f5d6d6;
+  border-right: 1px solid #f5d6d6;
+  width: 2px;
+  position: absolute;
+  top: 0;
+  left: 40px;
+  height: 100%;
+}
+
+#todoapp input::-webkit-input-placeholder {
+  font-style: italic;
+}
+
+#todoapp input:-moz-placeholder {
+  font-style: italic;
+  color: #a9a9a9;
+}
+
+#todoapp h1 {
+  position: absolute;
+  top: -120px;
+  width: 100%;
+  font-size: 70px;
+  font-weight: bold;
+  text-align: center;
+  color: #b3b3b3;
+  color: rgba(255, 255, 255, 0.3);
+  text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
+  -webkit-text-rendering: optimizeLegibility;
+  -moz-text-rendering: optimizeLegibility;
+  -ms-text-rendering: optimizeLegibility;
+  -o-text-rendering: optimizeLegibility;
+  text-rendering: optimizeLegibility;
+}
+
+#header {
+  padding-top: 15px;
+  border-radius: inherit;
+}
+
+#header:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 15px;
+  z-index: 2;
+  border-bottom: 1px solid #6c615c;
+  background: #8d7d77;
+  background: -webkit-gradient(linear, left top, left bottom, from(rgba(132, 110, 100, 0.8)),to(rgba(101, 84, 76, 0.8)));
+  background: -webkit-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
+  background: -moz-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
+  background: -o-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
+  background: -ms-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
+  background: linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#9d8b83', EndColorStr='#847670');
+  border-top-left-radius: 1px;
+  border-top-right-radius: 1px;
+}
+
+#new-todo,
+.edit {
+  position: relative;
+  margin: 0;
+  width: 100%;
+  font-size: 24px;
+  font-family: inherit;
+  line-height: 1.4em;
+  border: 0;
+  outline: none;
+  color: inherit;
+  padding: 6px;
+  border: 1px solid #999;
+  box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  -ms-font-smoothing: antialiased;
+  -o-font-smoothing: antialiased;
+  font-smoothing: antialiased;
+}
+
+#new-todo {
+  padding: 16px 16px 16px 60px;
+  border: none;
+  background: rgba(0, 0, 0, 0.02);
+  z-index: 2;
+  box-shadow: none;
+}
+
+#main {
+  position: relative;
+  z-index: 2;
+  border-top: 1px dotted #adadad;
+}
+
+label[for='toggle-all'] {
+  display: none;
+}
+
+#toggle-all {
+  position: absolute;
+  top: -42px;
+  left: -4px;
+  width: 40px;
+  text-align: center;
+  border: none; /* Mobile Safari */
+}
+
+#toggle-all:before {
+  content: '»';
+  font-size: 28px;
+  color: #d9d9d9;
+  padding: 0 25px 7px;
+}
+
+#toggle-all:checked:before {
+  color: #737373;
+}
+
+#todo-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+#todo-list li {
+  position: relative;
+  font-size: 24px;
+  border-bottom: 1px dotted #ccc;
+}
+
+#todo-list li:last-child {
+  border-bottom: none;
+}
+
+#todo-list li.editing {
+  border-bottom: none;
+  padding: 0;
+}
+
+#todo-list li.editing .edit {
+  display: block;
+  width: 506px;
+  padding: 13px 17px 12px 17px;
+  margin: 0 0 0 43px;
+}
+
+#todo-list li.editing .view {
+  display: none;
+}
+
+#todo-list li .toggle {
+  text-align: center;
+  width: 40px;
+  /* auto, since non-WebKit browsers doesn't support input styling */
+  height: auto;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin: auto 0;
+  border: none; /* Mobile Safari */
+  -webkit-appearance: none;
+  /*-moz-appearance: none;*/
+  -ms-appearance: none;
+  -o-appearance: none;
+  appearance: none;
+}
+
+#todo-list li .toggle:after {
+  content: '✔';
+  line-height: 43px; /* 40 + a couple of pixels visual adjustment */
+  font-size: 20px;
+  color: #d9d9d9;
+  text-shadow: 0 -1px 0 #bfbfbf;
+}
+
+#todo-list li .toggle:checked:after {
+  color: #85ada7;
+  text-shadow: 0 1px 0 #669991;
+  bottom: 1px;
+  position: relative;
+}
+
+#todo-list li label {
+  word-break: break-word;
+  padding: 15px;
+  margin-left: 45px;
+  display: block;
+  line-height: 1.2;
+  -webkit-transition: color 0.4s;
+  -moz-transition: color 0.4s;
+  -ms-transition: color 0.4s;
+  -o-transition: color 0.4s;
+  transition: color 0.4s;
+}
+
+#todo-list li.completed label {
+  color: #a9a9a9;
+  text-decoration: line-through;
+}
+
+#todo-list li .destroy {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 10px;
+  bottom: 0;
+  width: 40px;
+  height: 40px;
+  margin: auto 0;
+  font-size: 22px;
+  color: #a88a8a;
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -ms-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+
+#todo-list li .destroy:hover {
+  text-shadow: 0 0 1px #000,
+         0 0 10px rgba(199, 107, 107, 0.8);
+  -webkit-transform: scale(1.3);
+  -moz-transform: scale(1.3);
+  -ms-transform: scale(1.3);
+  -o-transform: scale(1.3);
+  transform: scale(1.3);
+}
+
+#todo-list li .destroy:after {
+  content: '✖';
+}
+
+#todo-list li:hover .destroy {
+  display: block;
+}
+
+#todo-list li .edit {
+  display: none;
+}
+
+#todo-list li.editing:last-child {
+  margin-bottom: -1px;
+}
+
+#footer {
+  color: #777;
+  padding: 0 15px;
+  position: absolute;
+  right: 0;
+  bottom: -31px;
+  left: 0;
+  height: 20px;
+  z-index: 1;
+  text-align: center;
+}
+
+#footer:before {
+  content: '';
+  position: absolute;
+  right: 0;
+  bottom: 31px;
+  left: 0;
+  height: 50px;
+  z-index: -1;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
+        0 6px 0 -3px rgba(255, 255, 255, 0.8),
+        0 7px 1px -3px rgba(0, 0, 0, 0.3),
+        0 43px 0 -6px rgba(255, 255, 255, 0.8),
+        0 44px 2px -6px rgba(0, 0, 0, 0.2);
+}
+
+#todo-count {
+  float: left;
+  text-align: left;
+}
+
+#filters {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: absolute;
+  right: 0;
+  left: 0;
+}
+
+#filters li {
+  display: inline;
+}
+
+#filters li a {
+  color: #83756f;
+  margin: 2px;
+  text-decoration: none;
+}
+
+#filters li a.selected {
+  font-weight: bold;
+}
+
+#clear-completed {
+  float: right;
+  position: relative;
+  line-height: 20px;
+  text-decoration: none;
+  background: rgba(0, 0, 0, 0.1);
+  font-size: 11px;
+  padding: 0 10px;
+  border-radius: 3px;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2);
+}
+
+#clear-completed:hover {
+  background: rgba(0, 0, 0, 0.15);
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3);
+}
+
+#info {
+  margin: 65px auto 0;
+  color: #a6a6a6;
+  font-size: 12px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
+  text-align: center;
+}
+
+#info a {
+  color: inherit;
+}
+
+/*
+  Hack to remove background from Mobile Safari.
+  Can't use it globally since it destroys checkboxes in Firefox and Opera
+*/
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  #toggle-all,
+  #todo-list li .toggle {
+    background: none;
+  }
+
+  #todo-list li .toggle {
+    height: 40px;
+  }
+
+  #toggle-all {
+    top: -56px;
+    left: -15px;
+    width: 65px;
+    height: 41px;
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+    -webkit-appearance: none;
+    appearance: none;
+  }
+}
+
+.hidden{
+  display:none;
+}