sir-trevor-rails 0.1.3

data/app/views/sir-trevor/blocks/_gallery_block.html.erb

@@ -0,0 +1,6 @@
+<% # Remember, a gallery is just an array of images ;-) %>
+<div class="content-block gallery-block">
+  <% block.each do |image| %>
+    <%= render(:partial => "sir-trevor/blocks/image_block", :locals => {:block => image['data'], :image_type => image_type, :protocol => request.protocol}, :formats => formats) if image.has_key?("data") && image['type'] == "image" %>
+  <% end %>
+</div>

data/app/views/sir-trevor/blocks/_image_block.html.erb

@@ -0,0 +1,3 @@
+<figure class="content-block image-block">
+  <%= sir_trevor_image_tag(block, image_type) %>
+</figure>

data/app/views/sir-trevor/blocks/_quote_block.html.erb

@@ -0,0 +1,4 @@
+<div class="content-block quote-block">
+	<%= sir_trevor_markdown block["text"] %>
+	<%= "<cite class=\"quote\">&ndash; #{block["cite"]}</cite>".html_safe unless block["cite"].nil? %>
+</div>

data/app/views/sir-trevor/blocks/_text_block.html.erb

@@ -0,0 +1,3 @@
+<div class="content-block text-block">
+	<%= sir_trevor_markdown block["text"] %>
+</div>

data/app/views/sir-trevor/blocks/_tweet_block.html.erb

@@ -0,0 +1,6 @@
+<div class="content-block tweet-block">
+  <%= link_to image_tag("http://twitter.com/api/users/profile_image/#{ block['user']['screen_name'] }?size=bigger", :class => 'img'), "http://twitter.com/#{ block['user']['screen_name'] }" %>
+  <p><%= auto_link(block['text']).html_safe %></p>
+  <cite>From <%= link_to "@#{ block['user']['screen_name'] }", "http://twitter.com/#{ block['user']['screen_name'] }" %> on Twitter:</cite>
+  <time datetime="<%= block['created_at'] %>">(<%= link_to Time.parse(block['created_at']), "http://twitter.com/#{block['user']['screen_name']}/status/#{block['id_str']}" %>)</time>
+</div>

data/app/views/sir-trevor/blocks/_ul_block.html.erb

@@ -0,0 +1,3 @@
+<div class="content-block ul-block">
+	<%= sir_trevor_markdown block["text"] %>
+</div>

data/app/views/sir-trevor/blocks/_video_block.html.erb

@@ -0,0 +1,7 @@
+<div class="content-block video-block">
+	<% if block['source'] == 'vimeo' %>
+	  <iframe src="<%= protocol %>player.vimeo.com/video/<%= block['remote_id'] %>?title=1&amp;byline=1&amp;portrait=1&amp;autoplay=0" width="600" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+	<% elsif block['source'] == 'youtube' %>
+	  <iframe width="600" height="400" src="<%= protocol %>www.youtube.com/embed/<%= block['remote_id'] %>" frameborder="0" allowfullscreen></iframe>
+	<% end %>
+</div>

data/config/initializers/validators.rb

@@ -0,0 +1,10 @@
+class IsJsonValidator < ActiveModel::EachValidator
+  def validate_each(record, attribute, value)
+    @json = JSON.parse(value)
+    record.errors.add(attribute, "is empty") if @json.empty?
+  rescue TypeError => e
+    record.errors.add(attribute, "is not valid JSON: #{e.message}")
+  rescue JSON::JSONError => e
+    record.errors.add(attribute, "is not valid JSON: #{e.message}")
+  end
+end

data/lib/generators/sir_trevor/block/block_generator.rb

@@ -0,0 +1,37 @@
+require 'rails/generators'
+
+module SirTrevor
+  module Generators
+    class BlockGenerator < Rails::Generators::NamedBase
+
+      def self.source_root
+        @source_root ||= File.join(File.dirname(__FILE__), 'templates')
+      end
+
+      def create_block
+        
+        # Copy our PNG
+        copy_file "_block.png", "app/assets/images/sir-trevor/blocks/block_editor_#{name}.png"
+
+        # Copy the JS
+        copy_file "_block.js", "app/assets/javascripts/sir-trevor/blocks/#{name}.js"
+        
+        gsub_file "app/assets/javascripts/sir-trevor/blocks/#{name}.js", /SirTrevor\.Blocks\.Name/, "SirTrevor.Blocks.#{name.capitalize}"
+        gsub_file "app/assets/javascripts/sir-trevor/blocks/#{name}.js", /title: ""/, "title: '#{name.capitalize}'"
+        gsub_file "app/assets/javascripts/sir-trevor/blocks/#{name}.js", /className: ""/, "className: '#{name.downcase}'"
+
+        # Copy the CSS
+        copy_file "_block.css.erb", "app/assets/stylesheets/sir-trevor/blocks/#{name}_block.css.erb"
+        gsub_file "app/assets/stylesheets/sir-trevor/blocks/#{name}_block.css.erb", /_block\.png/, "#{name}_block.png"
+        gsub_file "app/assets/stylesheets/sir-trevor/blocks/#{name}_block.css.erb", /a.new-/, "a.new-#{name}"
+        gsub_file "app/assets/stylesheets/sir-trevor/blocks/#{name}_block.css.erb", /\.-block/, ".#{name}-block"
+        
+        # Copy the HTML
+        copy_file "_block.html.erb", "app/views/sir-trevor/blocks/_#{name}_block.html.erb"
+        gsub_file "app/views/sir-trevor/blocks/_#{name}_block.html.erb", /\s(-block)/, " #{name}-block"
+
+      end
+
+    end
+  end
+end

data/lib/generators/sir_trevor/block/templates/_block.css.erb

@@ -0,0 +1,7 @@
+.sir-trevor .sir-trevor-marker .buttons a.new- {
+  background-image: url(<%= asset_path 'sir-trevor/icons/block_editor_.png' %>);
+}
+
+.sir-trevor .sir-trevor-block .-block {
+  /* Your block styles */
+}

data/lib/generators/sir_trevor/block/templates/_block.html.erb

@@ -0,0 +1,3 @@
+<div class="content-block -block">
+	<%= block.inspect %>
+</div>

data/lib/generators/sir_trevor/block/templates/_block.js

@@ -0,0 +1,122 @@
+SirTrevor.Blocks.Name = SirTrevor.Block.extend({ 
+  
+  // String; the title displayed in the toolbar
+  title: "",            
+  
+  // String; the class name of the block type 
+  className: "",    
+  
+  // Integer; the overall number of blocks of this type that can be added 
+  limit: 0,                     
+
+  // Boolean; show this blockType of the toolbar
+  toolbarEnabled: true,         
+  
+  // Booleam; set this block up for drag and drop
+  // dropEnabled: true,           
+
+  // String or Function; The HTML for the inner portion of the editor block
+  // In this example, the editorHTML is an editable input div (like we use for a TextBlock)
+  editorHTML: "<div></div>",   
+  // editorHTML must return a string (if it's a function)
+  // editorHTML: function() {}, 
+  
+  // String; The HTML for the dropzone
+  // Not required unless dropEnabled is true
+  dropzoneHTML: "<div class='dropzone'><p>Drop content here yo!</p></div>",
+  
+  // Element shorthands
+  // --
+  // this.$el 
+  // this.el
+  // this.$editor
+  // this.$dropzone
+  // this.$()       (same as this.$el.find(''))
+  // this.$$()      (same as this.$editor.find(''))
+
+  // Bound variables
+  // --
+  // this.instance  (A SirTrevor.Editor instance)
+  
+  // Helper methods 
+  // --
+  // this.save()
+  // this.loading() 
+  // this.ready()
+  // this.uploadAttachment(file, callback) 
+  // this.remove()
+  
+  // Function; provide a custom validator.
+  // By default, we use a validator that checks for a class of 'required' on each input. 
+  // This function *MUST* return true or false (whether it's valid or not)
+  // validate: function(){
+  //  return true;
+  // },
+  
+  // Function; Executed on render of the block if some data is provided. 
+  // LoadData gives us a means to convert JSON data into the editor dom
+  // In this example we convert the text from markdown to HTML and show it inside the element
+  // returns null
+  loadData: function(data){
+  //  this.$('.text-block').html(this.instance._toHTML(data.text, this.type));
+  },
+  
+  // Function; Executed on save of the block, once the block is validated
+  // toData expects a way for the block to be transformed from inputs into JSON data
+  // The default toData function provides a pretty comprehensive way of turning data into JSON
+  // In this example we take the text data and save it to the data object on the block
+  toData: function(){
+    // Grab the data from the block (it's always stored on the data attr)
+    var dataStruct = this.$el.data('block'); 
+    
+    // Grab the content input
+    var content = this.$('.text-block').html(); 
+    
+    if (content.length > 0) {
+      // Convert it to markdown and store under the 'text' object
+      dataStruct.data.text = this.instance._toMarkdown(content, this.type); 
+    }
+  },
+  
+  // Function; Executed once content has been dropped onto the dropzone of this block
+  // Only required if you have enabled dropping and have provided a dropzone for this block
+  // Always is passed the ev.transferData object from the drop
+  // Please see the image block (https://github.com/madebymany/sir-trevor-js/blob/master/src/blocks/image.js) for an example
+  //onDrop: function(transferData) {},
+  
+  // Function; Executed once content has been pasted into the block or any input field with the class 'paste-block'
+  // The default onContentPasted function strips all the HTML from a text-block, as shown here.
+  //onContentPasted: function(ev) {
+  // Convert to markdown and then to HTML to strip all unwanted markup
+  //  this.$('.text-block').html(this.instance._toHTML(this.instance._toMarkdown(textBlock.html(), this.type)));
+  //},
+  
+  // Function; Hook executed at the end of the block rendering method. 
+  // Useful for initialising extra pieces of UI or binding extra events.
+  // In this example we add an extra button, just because.
+  // onBlockRender: function() {
+  //     this.$el.append($('<button>', {
+  //       click: function() {
+  //         alert('Yo dawg, you clicked my button');
+  //       }
+  //     }));
+  //   },
+  
+  // Function; Optional hook method executed before the rendering of a block
+  // Beware, $el and any shorthand element variables won't be setup here.
+  // beforeBlockRender: function() {},
+  
+  // Function; Any extra markdown parsing can be defined in here. 
+  // Executed on the _.toMarkdown function of a SirTrevor.Editor instance
+  // Returns; String (Required)
+  // toMarkdown: function(markdown) {
+  //     return markdown.replace(/^(.+)$/mg,"> $1");
+  //   },
+  
+  // Function; Any extra HTML parsing can be defined in here. 
+  // Executed on the _.toHTML function of a SirTrevor.Editor instance
+  // Returns; String (Required)
+  // toHTML: function(html) {
+  //     return html;
+  //   }
+});

data/lib/generators/sir_trevor/views/views_generator.rb

@@ -0,0 +1,17 @@
+require 'rails/generators'
+
+module SirTrevor
+  module Generators
+    class ViewsGenerator < Rails::Generators::Base
+
+      def self.source_root
+        @source_root ||= SirTrevor::Engine.root
+      end
+
+      def views
+        directory "app/views/sir-trevor/blocks"
+      end
+
+    end
+  end
+end

data/lib/sir-trevor-rails.rb

@@ -0,0 +1,19 @@
+require "active_support/dependencies"
+
+module SirTrevor
+
+	mattr_accessor :app_root
+
+  module Helpers
+    autoload :ViewHelper, 'sir-trevor/helpers/view_helper'
+    autoload :FormHelper, 'sir-trevor/helpers/form_helper'
+    autoload :FormBuilder, 'sir-trevor/helpers/form_builder'
+  end
+
+  def self.setup
+  	yield self
+  end
+
+end
+
+require "sir-trevor/engine"

data/lib/sir-trevor/engine.rb

@@ -0,0 +1,29 @@
+module SirTrevor
+
+  class Engine < Rails::Engine
+
+    require 'redcarpet'
+    require 'twitter-text'
+
+    initializer "sir_trevor.load_app_instance_data" do |app|
+      SirTrevor.setup do |config|
+        config.app_root = app.root
+      end
+    end
+
+    initializer "sir_trevor.helpers" do
+      ActiveSupport.on_load :action_view do
+        ActionView::Base.send :include, SirTrevor::Helpers::ViewHelper
+        ActionView::Base.send :include, SirTrevor::Helpers::FormHelper
+        ActionView::Helpers::FormBuilder.send :include, SirTrevor::Helpers::FormBuilder
+      end
+    end
+  end
+
+  def self.config(&block)
+    @@config ||= SirTrevor::Engine::Configuration.new
+    yield @@config if block
+    return @@config
+  end
+
+end

data/lib/sir-trevor/helpers/form_builder.rb

@@ -0,0 +1,11 @@
+module SirTrevor
+  module Helpers
+    module FormBuilder
+      extend ActiveSupport::Concern
+      
+      def sir_trevor_text_area(method, options = {})
+        @template.send("sir_trevor_text_area", @object_name, method, objectify_options(options))
+      end
+    end
+  end
+end

data/lib/sir-trevor/helpers/form_helper.rb

@@ -0,0 +1,29 @@
+module SirTrevor
+  module Helpers
+    module FormHelper
+
+      extend ActiveSupport::Concern
+      
+      include ActionView::Helpers::TagHelper
+      include ActionView::Helpers::JavaScriptHelper
+      
+      def sir_trevor_text_area(object_name, method, options = {})
+
+        options = { :language => I18n.locale.to_s }.merge(options)
+        input_html = (options.delete(:input_html) || {})
+        input_html['class'] = "sir-trevor-area visuallyhidden"
+        hash = input_html.stringify_keys
+
+        instance_tag = ActionView::Base::InstanceTag.new(object_name, method, self, options.delete(:object))
+        instance_tag.send(:add_default_name_and_id, hash)
+        
+        output_buffer = ActiveSupport::SafeBuffer.new
+        output_buffer << instance_tag.to_text_area_tag(input_html)
+        
+        output_buffer
+
+      end
+
+    end
+  end
+end

data/lib/sir-trevor/helpers/view_helper.rb

@@ -0,0 +1,78 @@
+module SirTrevor
+  module Helpers
+    module ViewHelper
+
+      extend ActiveSupport::Concern
+      include Twitter::Autolink
+  
+      def render_sir_trevor(json, image_type = "large")
+        hash = JSON.parse(json)
+
+        if hash.has_key?("data")
+          hash["data"].map { |object|
+            render(:partial => "sir-trevor/blocks/#{object["type"].to_s.downcase}_block", :locals => { :block => object['data'], :image_type => image_type, :protocol => request.protocol} ) if object.has_key?("data")
+          }.compact.join.html_safe
+        else
+          ''
+        end
+      end
+
+      def render_sir_trevor_image(json, image_type = "large")
+        image = pluck_sir_trevor_type(json, "image")
+    
+        unless image.nil? 
+          render(:partial => "sir-trevor/blocks/image_block", :locals => {:block => image['data'], :image_type => image_type, :protocol => request.protocol}) if image.has_key?("data")
+        end
+      end
+      
+      def sir_trevor_image_tag(block, image_type) 
+        # Does the image type exist on the block?
+        if(block['file'].present? && block['file'][image_type].present?)
+        
+          image = block['file'][image_type]
+        
+          image_url = image['url']
+          width = image['width'] if image['width'].present?
+          height = image['height'] if image['height'].present?
+          
+          options = {
+            :class => "sir-trevor-image #{image_type}",
+            :alt => block['description'] 
+          }
+          
+          options.merge!({ :width => width }) unless width.nil?
+          options.merge!({ :height => height }) unless height.nil?
+          
+          image_tag(image_url, options) unless image_url.nil?
+        end
+      end
+
+      def sir_trevor_markdown(text)
+        options = {:hard_wrap => true, :filter_html => true, :autolink => true, :no_intraemphasis => true, :fenced_code => true}
+        renderer = Redcarpet::Render::HTML.new(options)
+        markdown = Redcarpet::Markdown.new(CustomMarkdownFormatter)
+        markdown.render(text).html_safe
+      end
+
+      private
+        # Get's the first instance of a type from the specified JSON
+        def pluck_sir_trevor_type(json, type) 
+          hash = JSON.parse(json)
+          if hash.has_key?("data")
+            item = hash["data"].select { |item| item["type"] == type }
+            item.first
+          end
+        end
+    end
+  end
+end
+
+class CustomMarkdownFormatter < Redcarpet::Render::HTML
+  def block_code(code, language)
+    "<p>" << code << "</p>"
+  end
+  
+  def codespan(code)
+    code
+  end
+end

data/lib/sir-trevor/version.rb

@@ -0,0 +1,3 @@
+module SirTrevor
+  VERSION = "0.1.3"
+end

data/sir-trevor-rails.gemspec

@@ -0,0 +1,29 @@
+require File.expand_path("../lib/sir-trevor/version", __FILE__)
+
+Gem::Specification.new do |s|
+  
+  s.name        = 'sir-trevor-rails'
+  s.version     = SirTrevor::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.date        = '2012-08-15'
+  s.summary     = "sir-trevor-rails-#{s.version}"
+  s.description = "A structured text editor."
+  s.authors     = ["Andrew Sprinz", "Chris Bell"]
+  s.email       = 'chris@madebymany.com'
+  s.homepage    = 'https://github.com/madebymany/sir-trevor-rails'
+
+  s.rubyforge_project         = "sir-trevor-rails"
+  s.required_rubygems_version = "> 1.3.6"
+
+  s.add_dependency "activesupport" , ">= 3.0.7"
+  s.add_dependency "rails"         , ">= 3.0.7"
+  s.add_dependency "jquery-rails"
+
+  s.add_dependency "redcarpet", "~> 2.0.1"
+  s.add_dependency 'twitter-text', '~> 1.4'
+
+  s.files = `git ls-files`.split("\n")
+  s.executables = `git ls-files`.split("\n").map{|f| f =~ /^bin\/(.*)/ ? $1 : nil}.compact
+  s.require_path = 'lib'
+
+end