phrasing 2.1.0

data/.gitignore

@@ -0,0 +1,2 @@
+*.gem
+.ruby-version

data/Gemfile

@@ -0,0 +1,10 @@
+# A sample Gemfile
+source "https://rubygems.org"
+
+gemspec
+
+gem 'factory_girl_rails'
+gem 'haml-rails'
+gem 'sqlite3'
+gem 'rspec-rails'
+gem 'capybara', '~> 2.0.0'

data/Gemfile.lock

@@ -0,0 +1,142 @@
+PATH
+  remote: .
+  specs:
+    phrasing (0.9.1)
+      bootstrap-editable-rails
+      haml-rails
+      rails (>= 3.1.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actionmailer (4.0.0)
+      actionpack (= 4.0.0)
+      mail (~> 2.5.3)
+    actionpack (4.0.0)
+      activesupport (= 4.0.0)
+      builder (~> 3.1.0)
+      erubis (~> 2.7.0)
+      rack (~> 1.5.2)
+      rack-test (~> 0.6.2)
+    activemodel (4.0.0)
+      activesupport (= 4.0.0)
+      builder (~> 3.1.0)
+    activerecord (4.0.0)
+      activemodel (= 4.0.0)
+      activerecord-deprecated_finders (~> 1.0.2)
+      activesupport (= 4.0.0)
+      arel (~> 4.0.0)
+    activerecord-deprecated_finders (1.0.3)
+    activesupport (4.0.0)
+      i18n (~> 0.6, >= 0.6.4)
+      minitest (~> 4.2)
+      multi_json (~> 1.3)
+      thread_safe (~> 0.1)
+      tzinfo (~> 0.3.37)
+    arel (4.0.0)
+    atomic (1.1.13)
+    bootstrap-editable-rails (0.0.5)
+      railties (>= 3.1)
+    builder (3.1.4)
+    capybara (2.0.3)
+      mime-types (>= 1.16)
+      nokogiri (>= 1.3.3)
+      rack (>= 1.0.0)
+      rack-test (>= 0.5.4)
+      selenium-webdriver (~> 2.0)
+      xpath (~> 1.0.0)
+    childprocess (0.3.9)
+      ffi (~> 1.0, >= 1.0.11)
+    diff-lcs (1.2.4)
+    erubis (2.7.0)
+    factory_girl (4.2.0)
+      activesupport (>= 3.0.0)
+    factory_girl_rails (4.2.1)
+      factory_girl (~> 4.2.0)
+      railties (>= 3.0.0)
+    ffi (1.9.0)
+    haml (4.0.3)
+      tilt
+    haml-rails (0.4)
+      actionpack (>= 3.1, < 4.1)
+      activesupport (>= 3.1, < 4.1)
+      haml (>= 3.1, < 4.1)
+      railties (>= 3.1, < 4.1)
+    hike (1.2.3)
+    i18n (0.6.5)
+    mail (2.5.4)
+      mime-types (~> 1.16)
+      treetop (~> 1.4.8)
+    mime-types (1.24)
+    mini_portile (0.5.1)
+    minitest (4.7.5)
+    multi_json (1.7.9)
+    nokogiri (1.6.0)
+      mini_portile (~> 0.5.0)
+    polyglot (0.3.3)
+    rack (1.5.2)
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rails (4.0.0)
+      actionmailer (= 4.0.0)
+      actionpack (= 4.0.0)
+      activerecord (= 4.0.0)
+      activesupport (= 4.0.0)
+      bundler (>= 1.3.0, < 2.0)
+      railties (= 4.0.0)
+      sprockets-rails (~> 2.0.0)
+    railties (4.0.0)
+      actionpack (= 4.0.0)
+      activesupport (= 4.0.0)
+      rake (>= 0.8.7)
+      thor (>= 0.18.1, < 2.0)
+    rake (10.1.0)
+    rspec-core (2.14.5)
+    rspec-expectations (2.14.2)
+      diff-lcs (>= 1.1.3, < 2.0)
+    rspec-mocks (2.14.3)
+    rspec-rails (2.14.0)
+      actionpack (>= 3.0)
+      activesupport (>= 3.0)
+      railties (>= 3.0)
+      rspec-core (~> 2.14.0)
+      rspec-expectations (~> 2.14.0)
+      rspec-mocks (~> 2.14.0)
+    rubyzip (0.9.9)
+    selenium-webdriver (2.35.0)
+      childprocess (>= 0.2.5)
+      multi_json (~> 1.0)
+      rubyzip
+      websocket (~> 1.0.4)
+    sprockets (2.10.0)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sprockets-rails (2.0.0)
+      actionpack (>= 3.0)
+      activesupport (>= 3.0)
+      sprockets (~> 2.8)
+    sqlite3 (1.3.8)
+    thor (0.18.1)
+    thread_safe (0.1.2)
+      atomic
+    tilt (1.4.1)
+    treetop (1.4.15)
+      polyglot
+      polyglot (>= 0.3.1)
+    tzinfo (0.3.37)
+    websocket (1.0.7)
+    xpath (1.0.0)
+      nokogiri (~> 1.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  capybara (~> 2.0.0)
+  factory_girl_rails
+  haml-rails
+  phrasing!
+  rspec-rails
+  sqlite3

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 Infinum
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,93 @@
+# Phrasing!
+
+![Phrasing](http://www.miataturbo.net/attachments/miata-parts-sale-trade-5/74257-lots-leftovers-near-boston-archer-phrasing2-300x225-jpg?dateline=1366600534)
+
+Phrasing is a gem for live editing phrases (copy) on websites.
+
+## Installation
+
+Include the gem in your Gemfile
+
+```ruby
+gem "phrasing"
+```
+
+Run the install script:
+
+```ruby
+rake phrasing:install
+```
+
+This will create a migration file and a config file where you can edit the name of the route to see all the phrases.
+
+Migrate your database
+```ruby
+rake db:migrate
+```
+
+## Setup
+
+The rake task will also generate a PhrasingHelper.rb file in your <tt>app/helpers</tt> folder where you will need to implement your <tt>can_edit_phrases?</tt> method. Example:
+
+```ruby
+module PhrasingHelper
+
+  def can_edit_phrases?
+    current_user.is_admin?
+  end
+  
+end
+```
+Include the phrasing **html** initializer at the top of your body
+
+```haml
+= render 'phrasing/initializer'
+```
+
+Include the required **javascript** file (most often in your application.js file):
+
+```javascript
+//= require phrasing
+```
+
+Include the required **stylesheet** file (most often in your application.css file):
+
+```css
+//= require phrasing
+```
+
+## How to use phrasing?
+
+Start with adding your phrases simply by writting in your view file:
+
+	= phrase('my-first-phrase')
+
+Apart from editing phrases (basically, Rails translations) you can also inline edit your models attributes, just use the `model_phrase` method:
+
+  	= model_phrase(@post, :title)
+
+Where <tt>@post</tt> is a object with a <tt>title</tt> attribute.
+
+## Security
+
+Since Phrasing can be used to update any attribute in any table (using the model_phrase method), special care must be taken into consideration from a security standpoint.
+
+By default, Phrasing doesn't allow updating of any attribute apart from <<t>PhrasingPhrase.value</tt>. To be able to work with other attributes, you need to whitelist them.
+
+In the <tt>config/initializers/phrasing.rb</tt> file you can whitelist your model attributes like this:
+
+```ruby
+Phrasing.white_list = ["Post.title", "Post.body"]
+```
+
+or you can whitelist all of them (not recommended) with:
+
+```ruby
+Phrasing.allow_update_on_all_models_and_attributes = true
+```
+
+## Authors
+
+Copyright (c) 2013, Infinum
+
+Phrasing relies heavily (or is built) on two other libraries: the Copycat gem and the ZenPen library. So thank you to the authors and all the contributors! 

data/Rakefile

@@ -0,0 +1,35 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Phrasing'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+
+
+require 'rspec/core/rake_task'
+
+desc "Run all RSpec tests"
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/app/assets/fonts/icomoon.dev.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="14"></iconset>
+</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="448" >
+<font-face units-per-em="448" ascent="384" descent="-64" />
+<missing-glyph horiz-adv-x="448" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,384L 448 -64L0 -64 z" horiz-adv-x="0" />
+<glyph unicode="&#xe000;" d="M 448,384 L 448,216 L 387.511,276.489 L 294.761,183.739 L 247.739,230.761 L 340.489,323.511 L 280,384 ZM 107.511,323.511 L 200.261,230.761 L 153.239,183.739 L 60.489,276.489 L 0,216 L 0,384 L 168,384 ZM 387.511,43.511 L 448,104 L 448-64 L 280-64 L 340.489-3.511 L 247.739,89.239 L 294.761,136.261 ZM 200.261,89.239 L 107.511-3.511 L 168-64 L 0-64 L 0,104 L 60.489,43.511 L 153.239,136.261 Z" data-tags="expand, enlarge, maximize, fullscreen" />
+<glyph unicode="&#xe001;" d="M 252.322,188.35l 81.046,0 c-10.276,39.704-41.342,70.798-81.046,81.046L 252.322,188.35 zM 252.322,131.65l0-81.018 c 39.704,10.22, 70.77,41.342, 81.046,81.018L 252.322,131.65 zM 195.622,188.35L 195.622,269.396 c-39.704-10.248-70.826-41.342-81.046-81.046L 195.622,188.35 zM 195.622,131.65L 114.576,131.65 c 10.22-39.676, 41.342-70.798, 81.046-81.018L 195.622,131.65 zM 252.322,327.258c 71.036-12.026, 126.868-67.872, 138.908-138.908L 448,188.35 C 435.036,290.704, 354.704,371.064, 252.322,384L 252.322,327.258 z
+				M 56.714,188.35C 68.74,259.4, 124.572,315.232, 195.622,327.258L 195.622,384 C 93.296,371.064, 12.908,290.704,0,188.35L 56.714,188.35 zM 195.622-7.23c-71.036,12.026-126.868,67.816-138.908,138.88L0,131.65 C 12.908,29.296, 93.296-51.092, 195.622-64
+				L 195.622-7.23 zM 391.23,131.65c-12.026-71.064-67.872-126.854-138.908-138.88L 252.322-64 C 354.704-51.092, 435.036,29.296, 448,131.65
+				L 391.23,131.65 z" data-tags="target, goal" />
+<glyph unicode="&#xe002;" d="M 65.618,1.618c-87.486,87.472-87.486,229.306,0,316.778
+	c 87.472,87.486, 229.306,87.486, 316.778,0c 87.486-87.472, 87.486-229.306,0-316.778C 294.91-85.868, 153.090-85.868, 65.618,1.618z M 342.79,278.79
+	L 105.21,41.21c 65.618-65.618, 171.976-65.618, 237.594,0S 408.408,213.186, 342.79,278.79z" data-tags="contrast" />
+<glyph unicode="&#xe003;" d="M 420-64L 28-64 c-15.456,0-28,12.544-28,28L0,356 c0,15.456, 12.544,28, 28,28l 336,0 l 84-84l0-336 
+	C 448-51.456, 435.456-64, 420-64z M 112,6c0-7.742, 6.272-14, 14-14l 196,0 c 7.742,0, 14,6.258, 14,14l0,112 c0,7.742-6.258,14-14,14L 126,132 c-7.728,0-14-6.258-14-14L 112,6 z
+	 M 308,314c0,7.742-6.258,14-14,14s-14-6.258-14-14l0-42 c0-7.742, 6.258-14, 14-14s 14,6.258, 14,14L 308,314 z M 392,286l-42,42l-14,0 l0-98 c0-7.742-6.258-14-14-14L 126,216 
+	c-7.728,0-14,6.258-14,14L 112,328 L 70,328 C 62.272,328, 56,321.742, 56,314l0-308 c0-7.742, 6.272-14, 14-14l 14,0 L 84,146 c0,7.742, 6.272,14, 14,14l 252,0 c 7.742,0, 14-6.258, 14-14l0-154 l 14,0 
+	c 7.742,0, 14,6.258, 14,14L 392,286 z" data-tags="floppy, disk, save, store" />
+<glyph unicode="&#xe004;" d="M 28,132 L 196,132 L 196-36 L 135.511,24.489 L 47.136-63.886 L 0.114-16.864 L 88.489,71.511 ZM 359.511,71.511 L 447.886-16.864 L 400.864-63.886 L 312.489,24.489 L 252-36 L 252,132 L 420,132 ZM 420,188 L 252,188 L 252,356 L 312.489,295.511 L 400.864,383.886 L 447.886,336.864 L 359.511,248.489 ZM 135.511,295.511 L 196,356 L 196,188 L 28,188 L 88.489,248.489 L 0.114,336.864 L 47.136,383.886 Z" data-tags="contract, minimize, shrink, collapse" />
+<glyph unicode="&#xe005;" d="M 417.111,351.344l-1.762,1.768c-41.19,41.184-108.585,41.184-149.768,0L 170.159,257.678
+		c-41.184-41.183-41.184-108.577,0-149.761l 1.761-1.761c 3.426-3.433, 7.064-6.529, 10.822-9.388l 34.934,34.934
+		c-4.070,2.404-7.93,5.281-11.426,8.776l-1.768,1.768c-22.362,22.355-22.362,58.744,0,81.108L 299.913,318.779
+		c 22.363,22.364, 58.745,22.364, 81.106,0l 1.768-1.76c 22.356-22.363, 22.356-58.753,0-81.108l-43.175-43.175
+		c 7.495-18.51, 11.046-38.238, 10.735-57.919l 66.764,66.764C 458.296,242.765, 458.296,310.159, 417.111,351.344zM 276.081,213.841c-3.426,3.426-7.064,6.528-10.822,9.38l-34.934-34.926c 4.071-2.405, 7.93-5.282, 11.426-8.777l 1.768-1.768
+		c 22.363-22.363, 22.363-58.744,0-81.107L 148.088,1.209c-22.364-22.357-58.746-22.357-81.107,0l-1.768,1.768
+		c-22.355,22.365-22.355,58.746,0,81.107l 43.176,43.175c-7.496,18.509-11.045,38.238-10.735,57.919l-66.763-66.762
+		c-41.184-41.183-41.184-108.578,0-149.767l 1.761-1.764c 41.191-41.181, 108.584-41.181, 149.768,0l 95.423,95.427
+		c 41.184,41.183, 41.184,108.585,0,149.768L 276.081,213.841z" data-tags="link, chain, url, uri, anchor" />
+<glyph unicode="&#xe006;" d="M 334.75,182.25q 4.25-10.25 -3.5-17.5l-112-112q-4.5-4.75 -11.25-4.75t-11.25,4.75l-112,112q-7.75,7.25 -3.5,17.5q 4.25,9.75 14.75,9.75l 64,0 l0,112 q0,6.5 4.75,11.25t 11.25,4.75l 64,0 q 6.5,0 11.25-4.75t 4.75-11.25l0-112 l 64,0 q 10.5,0 14.75-9.75zM 408,128q 3.5,0 5.75-2.25t 2.25-5.75l0-144 q0-3.5 -2.25-5.75t-5.75-2.25l-400,0 q-3.5,0 -5.75,2.25t-2.25,5.75l0,144 q0,3.5 2.25,5.75 t 5.75,2.25l 48,0 q 3.5,0 5.75-2.25t 2.25-5.75l0-88 l 288,0 l0,88 q0,3.5 2.25,5.75t 5.75,2.25l 48,0 z" horiz-adv-x="416" data-tags="download-alt, arrow, store, save" />
+<glyph unicode="&#x20;" horiz-adv-x="224" />
+</font></defs></svg>

data/app/assets/fonts/icomoon.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="14"></iconset>
+</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="448" >
+<font-face units-per-em="448" ascent="384" descent="-64" />
+<missing-glyph horiz-adv-x="448" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,384L 448 -64L0 -64 z" horiz-adv-x="0" />
+<glyph unicode="&#xe000;" d="M 448,384 L 448,216 L 387.511,276.489 L 294.761,183.739 L 247.739,230.761 L 340.489,323.511 L 280,384 ZM 107.511,323.511 L 200.261,230.761 L 153.239,183.739 L 60.489,276.489 L 0,216 L 0,384 L 168,384 ZM 387.511,43.511 L 448,104 L 448-64 L 280-64 L 340.489-3.511 L 247.739,89.239 L 294.761,136.261 ZM 200.261,89.239 L 107.511-3.511 L 168-64 L 0-64 L 0,104 L 60.489,43.511 L 153.239,136.261 Z"  />
+<glyph unicode="&#xe001;" d="M 252.322,188.35l 81.046,0 c-10.276,39.704-41.342,70.798-81.046,81.046L 252.322,188.35 zM 252.322,131.65l0-81.018 c 39.704,10.22, 70.77,41.342, 81.046,81.018L 252.322,131.65 zM 195.622,188.35L 195.622,269.396 c-39.704-10.248-70.826-41.342-81.046-81.046L 195.622,188.35 zM 195.622,131.65L 114.576,131.65 c 10.22-39.676, 41.342-70.798, 81.046-81.018L 195.622,131.65 zM 252.322,327.258c 71.036-12.026, 126.868-67.872, 138.908-138.908L 448,188.35 C 435.036,290.704, 354.704,371.064, 252.322,384L 252.322,327.258 z
+				M 56.714,188.35C 68.74,259.4, 124.572,315.232, 195.622,327.258L 195.622,384 C 93.296,371.064, 12.908,290.704,0,188.35L 56.714,188.35 zM 195.622-7.23c-71.036,12.026-126.868,67.816-138.908,138.88L0,131.65 C 12.908,29.296, 93.296-51.092, 195.622-64
+				L 195.622-7.23 zM 391.23,131.65c-12.026-71.064-67.872-126.854-138.908-138.88L 252.322-64 C 354.704-51.092, 435.036,29.296, 448,131.65
+				L 391.23,131.65 z"  />
+<glyph unicode="&#xe002;" d="M 65.618,1.618c-87.486,87.472-87.486,229.306,0,316.778
+	c 87.472,87.486, 229.306,87.486, 316.778,0c 87.486-87.472, 87.486-229.306,0-316.778C 294.91-85.868, 153.090-85.868, 65.618,1.618z M 342.79,278.79
+	L 105.21,41.21c 65.618-65.618, 171.976-65.618, 237.594,0S 408.408,213.186, 342.79,278.79z"  />
+<glyph unicode="&#xe003;" d="M 420-64L 28-64 c-15.456,0-28,12.544-28,28L0,356 c0,15.456, 12.544,28, 28,28l 336,0 l 84-84l0-336 
+	C 448-51.456, 435.456-64, 420-64z M 112,6c0-7.742, 6.272-14, 14-14l 196,0 c 7.742,0, 14,6.258, 14,14l0,112 c0,7.742-6.258,14-14,14L 126,132 c-7.728,0-14-6.258-14-14L 112,6 z
+	 M 308,314c0,7.742-6.258,14-14,14s-14-6.258-14-14l0-42 c0-7.742, 6.258-14, 14-14s 14,6.258, 14,14L 308,314 z M 392,286l-42,42l-14,0 l0-98 c0-7.742-6.258-14-14-14L 126,216 
+	c-7.728,0-14,6.258-14,14L 112,328 L 70,328 C 62.272,328, 56,321.742, 56,314l0-308 c0-7.742, 6.272-14, 14-14l 14,0 L 84,146 c0,7.742, 6.272,14, 14,14l 252,0 c 7.742,0, 14-6.258, 14-14l0-154 l 14,0 
+	c 7.742,0, 14,6.258, 14,14L 392,286 z"  />
+<glyph unicode="&#xe004;" d="M 28,132 L 196,132 L 196-36 L 135.511,24.489 L 47.136-63.886 L 0.114-16.864 L 88.489,71.511 ZM 359.511,71.511 L 447.886-16.864 L 400.864-63.886 L 312.489,24.489 L 252-36 L 252,132 L 420,132 ZM 420,188 L 252,188 L 252,356 L 312.489,295.511 L 400.864,383.886 L 447.886,336.864 L 359.511,248.489 ZM 135.511,295.511 L 196,356 L 196,188 L 28,188 L 88.489,248.489 L 0.114,336.864 L 47.136,383.886 Z"  />
+<glyph unicode="&#xe005;" d="M 417.111,351.344l-1.762,1.768c-41.19,41.184-108.585,41.184-149.768,0L 170.159,257.678
+		c-41.184-41.183-41.184-108.577,0-149.761l 1.761-1.761c 3.426-3.433, 7.064-6.529, 10.822-9.388l 34.934,34.934
+		c-4.070,2.404-7.93,5.281-11.426,8.776l-1.768,1.768c-22.362,22.355-22.362,58.744,0,81.108L 299.913,318.779
+		c 22.363,22.364, 58.745,22.364, 81.106,0l 1.768-1.76c 22.356-22.363, 22.356-58.753,0-81.108l-43.175-43.175
+		c 7.495-18.51, 11.046-38.238, 10.735-57.919l 66.764,66.764C 458.296,242.765, 458.296,310.159, 417.111,351.344zM 276.081,213.841c-3.426,3.426-7.064,6.528-10.822,9.38l-34.934-34.926c 4.071-2.405, 7.93-5.282, 11.426-8.777l 1.768-1.768
+		c 22.363-22.363, 22.363-58.744,0-81.107L 148.088,1.209c-22.364-22.357-58.746-22.357-81.107,0l-1.768,1.768
+		c-22.355,22.365-22.355,58.746,0,81.107l 43.176,43.175c-7.496,18.509-11.045,38.238-10.735,57.919l-66.763-66.762
+		c-41.184-41.183-41.184-108.578,0-149.767l 1.761-1.764c 41.191-41.181, 108.584-41.181, 149.768,0l 95.423,95.427
+		c 41.184,41.183, 41.184,108.585,0,149.768L 276.081,213.841z"  />
+<glyph unicode="&#xe006;" d="M 334.75,182.25q 4.25-10.25 -3.5-17.5l-112-112q-4.5-4.75 -11.25-4.75t-11.25,4.75l-112,112q-7.75,7.25 -3.5,17.5q 4.25,9.75 14.75,9.75l 64,0 l0,112 q0,6.5 4.75,11.25t 11.25,4.75l 64,0 q 6.5,0 11.25-4.75t 4.75-11.25l0-112 l 64,0 q 10.5,0 14.75-9.75zM 408,128q 3.5,0 5.75-2.25t 2.25-5.75l0-144 q0-3.5 -2.25-5.75t-5.75-2.25l-400,0 q-3.5,0 -5.75,2.25t-2.25,5.75l0,144 q0,3.5 2.25,5.75 t 5.75,2.25l 48,0 q 3.5,0 5.75-2.25t 2.25-5.75l0-88 l 288,0 l0,88 q0,3.5 2.25,5.75t 5.75,2.25l 48,0 z" horiz-adv-x="416"  />
+<glyph unicode="&#x20;" horiz-adv-x="224" />
+</font></defs></svg>

data/app/assets/javascripts/editor.js

@@ -0,0 +1,318 @@
+var editor = (function() {
+
+	// Editor elements
+	var headerField, contentField, cleanSlate, lastType, currentNodeList, savedSelection;
+
+	// Editor Bubble elements
+	var textOptions, optionsBox, boldButton, italicButton, quoteButton, urlButton, urlInput;
+
+
+	function init() {
+		if ($('#zenpenbubble').length){
+			lastRange = 0;
+			bindElements();
+
+			// Set cursor position
+			var range = document.createRange();
+			var selection = window.getSelection();
+			// range.setStart(headerField, 1);
+			selection.removeAllRanges();
+			selection.addRange(range);
+
+			createEventBindings();
+		}
+	}
+
+	function createEventBindings( on ) {
+
+		// Key up bindings
+		document.onkeyup = checkTextHighlighting;
+
+		// Mouse bindings
+		document.onmousedown = checkTextHighlighting;
+		document.onmouseup = function( event ) {
+
+			setTimeout( function() {
+				checkTextHighlighting( event );
+			}, 1);
+		};
+		
+		// Window bindings
+		window.addEventListener( 'resize', function( event ) {
+			updateBubblePosition();
+		});
+
+		// Scroll bindings. We limit the events, to free the ui
+		// thread and prevent stuttering. See:
+		// http://ejohn.org/blog/learning-from-twitter
+		var scrollEnabled = true;
+		document.body.addEventListener( 'scroll', function() {
+			
+			if ( !scrollEnabled ) {
+				return;
+			}
+			
+			scrollEnabled = true;
+			
+			updateBubblePosition();
+			
+			return setTimeout((function() {
+				scrollEnabled = true;
+			}), 250);
+		});
+	}
+
+	function bindElements() {
+
+		contentField = document.querySelector( '.content' );
+		textOptions = document.querySelector( '.text-options' );
+
+		optionsBox = textOptions.querySelector( '.options' );
+
+		boldButton = textOptions.querySelector( '.bold' );
+		boldButton.onclick = onBoldClick;
+
+		italicButton = textOptions.querySelector( '.italic' );
+		italicButton.onclick = onItalicClick;
+
+		// quoteButton = textOptions.querySelector( '.quote' );
+		// quoteButton.onclick = onQuoteClick;
+
+		urlButton = textOptions.querySelector( '.url' );
+		urlButton.onmousedown = onUrlClick;
+
+		urlInput = textOptions.querySelector( '.url-input' );
+		urlInput.onblur = onUrlInputBlur;
+		urlInput.onkeydown = onUrlInputKeyDown;
+	}
+
+	function checkTextHighlighting( event ) {
+
+		var selection = window.getSelection();
+
+		if (event.target.className === "url-input" || event.target.classList.contains( "url")) {
+			currentNodeList = findNodes( selection.focusNode );
+			updateBubbleStates();
+			return;
+		}
+
+		if (event.target.parentNode.classList != null){
+			if (event.target.parentNode.classList.contains("ui-inputs")){
+				currentNodeList = findNodes( selection.focusNode );
+				updateBubbleStates();
+				return;				
+			}
+		}
+
+		// Check selections exist
+		if ( selection.isCollapsed === true && lastType === false ) {
+			onSelectorBlur();
+		}
+
+		// Text is selected
+		if ( selection.isCollapsed === false ) {
+
+			currentNodeList = findNodes( selection.focusNode );
+			// Find if highlighting is in the editable area
+			if (isContentEditable(selection.focusNode) == true) {
+				updateBubbleStates();
+				updateBubblePosition();
+
+				// Show the ui bubble
+				textOptions.className = "text-options active";
+			}
+		}
+
+		lastType = selection.isCollapsed;
+	}
+	
+	function updateBubblePosition() {
+		var selection = window.getSelection();
+		var range = selection.getRangeAt(0);
+		var boundary = range.getBoundingClientRect();
+		
+		textOptions.style.top = boundary.top - 5 + window.pageYOffset + "px";
+		textOptions.style.left = (boundary.left + boundary.right)/2 + "px";
+	}
+
+	function updateBubbleStates() {
+
+		// It would be possible to use classList here, but I feel that the
+		// browser support isn't quite there, and this functionality doesn't
+		// warrent a shim.
+
+		if ( hasNode( currentNodeList, 'B') ) {
+			boldButton.className = "bold active"
+		} else {
+			boldButton.className = "bold"
+		}
+
+		if ( hasNode( currentNodeList, 'I') ) {
+			italicButton.className = "italic active"
+		} else {
+			italicButton.className = "italic"
+		}
+
+		// if ( hasNode( currentNodeList, 'BLOCKQUOTE') ) {
+		// 	quoteButton.className = "quote active"
+		// } else {
+		// 	quoteButton.className = "quote"
+		// }
+
+		if ( hasNode( currentNodeList, 'A') ) {
+			urlButton.className = "url useicons active"
+		} else {
+			urlButton.className = "url useicons"
+		}
+	}
+
+	function onSelectorBlur() {
+
+		textOptions.className = "text-options fade";
+		setTimeout( function() {
+
+			if (textOptions.className == "text-options fade") {
+
+				textOptions.className = "text-options";
+				textOptions.style.top = '-999px';
+				textOptions.style.left = '-999px';
+			}
+		}, 260 )
+	}
+
+	function findNodes( element ) {
+
+		var nodeNames = {};
+
+		while ( element.parentNode ) {
+
+			nodeNames[element.nodeName] = true;
+			element = element.parentNode;
+
+			if ( element.nodeName === 'A' ) {
+				nodeNames.url = element.href;
+			}
+		}
+
+		return nodeNames;
+	}
+
+	function isContentEditable(element){
+		//if any of its parents has the class of 'phrasable' go hooray
+		while ( element.parentNode ) {
+			if (element.className !== undefined){
+				if (element.className.indexOf("phrasable_on")>=0){
+					return true;
+				}
+			}
+			element = element.parentNode;
+		}
+		return false;
+	}
+
+	function hasNode( nodeList, name ) {
+		return !!nodeList[ name ];
+	}
+
+
+	function onBoldClick() {
+		document.execCommand( 'bold', false );
+	}
+
+	function onItalicClick() {
+		document.execCommand( 'italic', false );
+	}
+
+	// function onQuoteClick() {
+
+	// 	var nodeNames = findNodes( window.getSelection().focusNode );
+
+	// 	if ( hasNode( nodeNames, 'BLOCKQUOTE' ) ) {
+	// 		document.execCommand( 'formatBlock', false, 'p' );
+	// 		document.execCommand( 'outdent' );
+	// 	} else {
+	// 		document.execCommand( 'formatBlock', false, 'blockquote' );
+	// 	}
+	// }
+
+	function onUrlClick() {
+
+		if ( optionsBox.className == 'options' ) {
+
+			optionsBox.className = 'options url-mode';
+
+			// Set timeout here to debounce the focus action
+			setTimeout( function() {
+
+				var nodeNames = findNodes( window.getSelection().focusNode );
+
+				if ( hasNode( nodeNames , "A" ) ) {
+					urlInput.value = nodeNames.url;
+				} else {
+					// Symbolize text turning into a link, which is temporary, and will never be seen.
+					document.execCommand( 'createLink', false, '/' );
+				}
+
+				// Since typing in the input box kills the highlighted text we need
+				// to save this selection, to add the url link if it is provided.
+				lastSelection = window.getSelection().getRangeAt(0);
+				lastType = false;
+
+				urlInput.focus();
+
+			}, 100);
+
+		} else {
+
+			optionsBox.className = 'options';
+		}
+	}
+
+	function onUrlInputKeyDown( event ) {
+
+		if ( event.keyCode === 13 ) {
+			event.preventDefault();
+			applyURL( urlInput.value );
+			urlInput.blur();
+		}
+	}
+
+	function onUrlInputBlur( event ) {
+
+		optionsBox.className = 'options';
+		applyURL( urlInput.value );
+		urlInput.value = '';
+
+		currentNodeList = findNodes( window.getSelection().focusNode );
+		updateBubbleStates();
+	}
+
+	function applyURL( url ) {
+
+		rehighlightLastSelection();
+
+		// Unlink any current links
+		document.execCommand( 'unlink', false );
+
+		if (url !== "") {
+		
+			// Insert HTTP if it doesn't exist.
+			if ( !url.match("^(http|https)://") ) {
+
+				url = "http://" + url;	
+			} 
+
+			document.execCommand( 'createLink', false, url );
+		}
+	}
+
+	function rehighlightLastSelection() {
+
+		window.getSelection().addRange( lastSelection );
+	}
+
+	return {
+		init: init
+	}
+
+})();