rich 0.0.1

data/app/assets/stylesheets/rich/editor.css

@@ -0,0 +1,20 @@
+/*	
+	This file defines the default set of CSS styles available in the Rich editor
+*/
+
+p.caption {
+	font-style: italic;
+	color: grey;
+}
+
+span.highlight {
+	background: yellow;
+}
+
+img.left {
+	float: left;
+}
+
+img.right {
+	float: right;
+}

data/app/assets/stylesheets/rich/files.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/rich/mixins/reset.css.scss

@@ -0,0 +1,58 @@
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
+audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
+audio:not([controls]) { display: none; }
+[hidden] { display: none; }
+
+html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+body { margin: 0; font-size: 13px; line-height: 1.231; }
+body, button, input, select, textarea { font-family: sans-serif; color: #222; }
+
+::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
+::selection { background: #fe57a1; color: #fff; text-shadow: none; }
+
+a { color: #00e; }
+a:visited { color: #551a8b; }
+a:hover { color: #06e; }
+a:focus { outline: thin dotted; }
+a:hover, a:active { outline: 0; }
+
+abbr[title] { border-bottom: 1px dotted; }
+b, strong { font-weight: bold; }
+blockquote { margin: 1em 40px; }
+dfn { font-style: italic; }
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+ins { background: #ff9; color: #000; text-decoration: none; }
+mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
+pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+q { quotes: none; }
+q:before, q:after { content: ""; content: none; }
+small { font-size: 85%; }
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
+dd { margin: 0 0 0 40px; }
+nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
+img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
+svg:not(:root) { overflow: hidden; }
+figure { margin: 0; }
+
+form { margin: 0; }
+fieldset { border: 0; margin: 0; padding: 0; }
+label { cursor: pointer; }
+legend { border: 0; *margin-left: -7px; padding: 0; }
+button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
+button, input { line-height: normal; *overflow: visible; }
+table button, table input { *overflow: auto; }
+button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
+input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
+input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
+textarea { overflow: auto; vertical-align: top; resize: vertical; }
+input:valid, textarea:valid {  }
+input:invalid, textarea:invalid { background-color: #f0dddd; }
+
+table { border-collapse: collapse; border-spacing: 0; }
+td { vertical-align: top; }

data/app/controllers/rich/application_controller.rb

@@ -0,0 +1,11 @@
+module Rich
+  class ApplicationController < ActionController::Base
+    
+    before_filter :authenticate_rich_user
+    
+    def authenticate_rich_user
+      send(Rich.authentication_method) unless Rich.authentication_method == :none
+    end
+    
+  end
+end

data/app/controllers/rich/files_controller.rb

@@ -0,0 +1,107 @@
+require 'mime/types'
+
+module Rich
+  class FilesController < ApplicationController
+    
+    def index
+      # filter for allowed styles, default to all available
+      
+      #logger.debug("#{Rich.allowed_styles.inspect}")
+      
+      if (Rich.allowed_styles == :all)
+        @styles = Rich.image_styles.keys
+        @styles.push(:original)
+      else 
+        @styles = Rich.allowed_styles
+      end
+      
+      @default_style = Rich.default_style
+      
+      # list all files
+      @images = RichImage.all(:order => "created_at DESC")
+      
+      # stub for new file
+      @rich_image = RichImage.new
+    end
+    
+    def show
+      # show is used to retrieve single images through XHR requests after an image has been uploaded
+      
+      if(params[:id])
+        # list all files
+        @file = RichImage.find(params[:id])
+        render :layout => false
+      else 
+        render :text => "Image not found"
+      end
+      
+    end
+    
+    def create
+      #render :json => { :success => false, :error => "File is too large..." }
+      #render :json => { :success => true, :rich_id => 1 }
+
+      @file = RichImage.new
+      
+      
+
+      
+      # use the file from Rack Raw Upload
+      if(params[:file])
+        # Rack Raw Upload always passes octet/stream, so we need to figure it out ourselves.
+        params[:file].content_type = MIME::Types.type_for(params[:file].original_filename)
+        
+        @file.image = params[:file]
+      end
+      
+      logger.debug("DIT IS HEM >> #{params[:file].inspect}")
+      
+      if @file.save
+        render :json => { :success => true, :rich_id => @file.id }
+      else
+        render :json => { :success => false, 
+                          :error => "Could not upload your file:\n- "+@file.errors.to_a[-1].to_s,
+                          :params => params.inspect }
+                          
+                          # :error => "Could not upload your file:\n"+@file.errors.map {
+                          #                             |k,v|
+                          #                             "- "+v+"\n"
+                          #                           }.to_s,
+                          #                           
+                          
+      end
+      
+      # if @article.save
+      #       if is_qq
+      #         render :json => { "success" => true }
+      #       else
+      #         # as before, likely:
+      #         # redirect_to(articles_path, :notice => "Article was successfully created.")
+      #       end
+      #     else
+      #       if is_qq
+      #         render :json => { "error" => @article.errors }
+      #       else
+      #         # as before, likely:
+      #         # render :action => :new
+      #       end
+      #     end
+      
+      # @rich_image = RichImage.new(params[:rich_image])
+      #       if @rich_image.save
+      #         flash[:notice] = "Successfully created image."
+      #         redirect_to :action => 'index'
+      #       else
+      #         redirect_to :action => 'index'
+      #       end
+    end
+    
+    def destroy  
+      if(params[:id])
+        image = RichImage.delete(params[:id])
+        @fileid = params[:id]
+      end
+    end
+    
+  end
+end

data/app/helpers/rich/application_helper.rb

@@ -0,0 +1,4 @@
+module Rich
+  module ApplicationHelper
+  end
+end

data/app/helpers/rich/files_helper.rb

@@ -0,0 +1,4 @@
+module Rich
+  module FilesHelper
+  end
+end

data/app/inputs/rich_input.rb

@@ -0,0 +1,14 @@
+class RichInput < ::Formtastic::Inputs::TextInput  
+  def to_html
+    editor_options = Rich.editor.merge(options[:editor] || {})
+    editor_options[:width]  = options[:width] || '76%'
+    editor_options[:height] = options[:height] || '200px'
+    
+    input_wrapping do
+      label_html <<
+      builder.text_area(method, input_html_options) <<
+      #javascript_tag("$(function(){$('##{dom_id}').ckeditor(function() { }, #{editor_options.to_json} );});")
+      "<script>$(function(){$('##{dom_id}').ckeditor(function() { }, #{editor_options.to_json} );});</script>".html_safe
+    end
+  end
+end

data/app/models/rich/rich_image.rb

@@ -0,0 +1,77 @@
+require 'cgi'
+
+module Rich
+  class RichImage < ActiveRecord::Base
+    
+    #has_attached_file :image, :styles => { :thumb => "100x100#", :large => "1000x1000"}
+    has_attached_file :image
+    
+    validates_attachment_presence :image
+    validates_attachment_content_type :image, :content_type=>['image/jpeg', 'image/png', 'image/gif', 'image/jpg'], :message => "is not an image"
+    validates_attachment_size :image, :less_than=>15.megabyte, :message => "must be smaller than 15MB"
+    
+    after_initialize :init_styles
+    
+    before_create :transliterate_file_name
+
+    def style_uris
+     uris = {}
+  
+      image.styles.each do |style|
+        uris[style[0]] = image.url(style[0].to_sym)
+      end
+      
+      # manualy add the original size
+      uris["original"] = image.url(:original)
+      
+      uris.to_json
+    end
+
+    def init_styles
+      self.class.has_attached_file :image,
+        :styles => hash = Rich.image_styles
+    end
+    
+    def transliterate(str)
+      # Based on permalink_fu by Rick Olsen
+
+      # Escape str by transliterating to UTF-8 with Iconv
+      s = Iconv.iconv('ascii//ignore//translit', 'utf-8', str).to_s
+
+      # Downcase string
+      s.downcase!
+
+      # Remove apostrophes so isn't changes to isnt
+      s.gsub!(/'/, '')
+
+      # Replace any non-letter or non-number character with a space
+      s.gsub!(/[^A-Za-z0-9]+/, ' ')
+
+      # Remove spaces from beginning and end of string
+      s.strip!
+
+      # Replace groups of spaces with single hyphen
+      s.gsub!(/\ +/, '-')
+
+      return s
+    end
+    
+    
+    private 
+    
+    def transliterate_file_name
+      extension = File.extname(image_file_name).gsub(/^\.+/, '')
+      filename = image_file_name.gsub(/\.#{extension}$/, '')
+      
+      filename = CGI::unescape(filename)
+      filename = CGI::unescape(filename)
+      
+      # TODO: remove %20 stuff from filename
+      # CGI::unescape("%27Stop%21%27+said+Fred")
+      
+      self.image.instance_write(:file_name, "#{self.transliterate(filename)}.#{self.transliterate(extension)}")
+    end
+    
+        
+  end
+end

data/app/views/layouts/rich/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Rich</title>
+  <%= stylesheet_link_tag    "rich/application" %>
+  <%= javascript_include_tag "rich/application" %>
+  <%= csrf_meta_tags %>
+  </head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/app/views/rich/files/_image.html.erb

@@ -0,0 +1,9 @@
+<li class="clickable">
+  <img  id="image<%= file.id %>"
+        src="<%= file.image.url(:thumb) %>" 
+        data-uris="<%= file.style_uris %>"
+        data-rich-image-id="<%= file.id %>"
+  />
+  <p><%= file.image.original_filename %></p>
+  <%= link_to "delete", "/rich/files/"+file.id.to_s, :method => :delete, :remote => true, :confirm => "Are you sure you want to delete this image?", :class => "delete", :title => "Delete this image" %>
+</li>

data/app/views/rich/files/destroy.js.erb

@@ -0,0 +1 @@
+$("#image<%= @fileid %>").parent().remove();

data/app/views/rich/files/index.html.erb

@@ -0,0 +1,29 @@
+<header>
+  <ul id="styles" class="scopes" data-default-style="<%= @default_style %>">
+    <li class="label">Image style to insert</li>
+    <% for style in @styles %>
+      <li class="scope" id="style-<%= style %>" data-rich-style="<%= style %>"><%= style %></li>
+    <% end %>
+  </ul>
+</header>
+
+<div id="legacy-form"><%= form_for(@rich_image, :url => files_path) do |f| %>
+  <p><%= f.file_field :image%></p>
+  <%= f.submit("Upload") %>
+<% end %>
+</div>
+
+<ul id="images">
+  
+  <li id="uploadBlock">
+    <div id="upload" class="qq-upload-button placeholder">
+      <div class="spinner"></div>
+    </div>
+    <p>Upload an image</p>
+  </li>
+  
+<% for file in @images %>
+    <%= render :partial => 'image', :locals => {:file => file} %>
+<% end %>
+
+</ul>

data/app/views/rich/files/show.html.erb

@@ -0,0 +1 @@
+<%= render :partial => 'image', :locals => {:file => @file} %>

data/config/routes.rb

@@ -0,0 +1,5 @@
+Rich::Engine.routes.draw do
+  
+  resources :files, :controller => "files"
+  
+end

data/db/migrate/20111002142937_create_rich_rich_images.rb

@@ -0,0 +1,17 @@
+class CreateRichRichImages < ActiveRecord::Migration
+  def change
+    create_table :rich_rich_images do |t|
+
+      t.timestamps
+      
+      t.string :image_file_name
+      t.string :image_content_type
+      t.integer :image_file_size
+      t.datetime :image_updated_at
+      
+      t.string :owner_type
+      t.integer :owner_id
+      
+    end
+  end
+end

data/lib/generators/rich/install/install_generator.rb

@@ -0,0 +1,34 @@
+require 'rails/generators'
+module Rich
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      
+      desc "Installs Rich into your app. Get wealthy."
+      
+      def self.source_root
+        @source_root ||= File.join(File.dirname(__FILE__), 'templates')
+      end
+      
+      def copy_initializer
+        template 'rich.rb.erb', 'config/initializers/rich.rb'
+      end
+      
+      def setup_route
+        route "mount Rich::Engine => '/rich'"
+      end
+      
+      def install_editor_styles
+        copy_file '../../../../../app/assets/stylesheets/rich/editor.css', 'app/assets/stylesheets/rich/editor.css'
+      end
+      
+      def install_javascript
+        template 'rich.js', 'app/assets/javascripts/rich.js'
+      end
+      
+      def create_migrations
+        rake "rich:install:migrations"
+      end
+      
+  end
+ end
+end

data/lib/generators/rich/install/templates/rich.js

@@ -0,0 +1 @@
+//=require rich/base

data/lib/generators/rich/install/templates/rich.rb.erb

@@ -0,0 +1,69 @@
+require "rich"
+
+if Object.const_defined?("Rich")
+  Rich.setup do |config|    
+    
+    # == CKEditor configuration
+    # 
+    # Rich ships with what I hope are sensible defaults. 
+    # You may want to override these. This is how.
+    # 
+    # For example, the elements available in the formats
+    # dropdown are defined like this:
+    #   config.editor[:formats] = ""
+    # 
+    # By default, Rich visualizes what type of element
+    # you are editing. To disable this:
+    #   config.editor[:startupOutlineBlocks] = false
+    
+    
+    # == Image styles
+    # 
+    # Rich uses paperclip for image processing. You can
+    # define the styles you would like to use here. You 
+    # can use the standard syntax allowed by paperclip.
+    # See: https://github.com/thoughtbot/paperclip/wiki/Thumbnail-Generation
+    # 
+    # When you change these after uploading some files,
+    # remember to do let Paperclip re-generate these by running
+    #   rake paperclip:refresh CLASS=Rich::RichImage
+    config.image_styles = {
+      :thumb => "100x100#"
+    }
+    
+    # == Allowed styles (in file manager)
+    # 
+    # Of the styles specified above, which should be user
+    # selectable in the file manager?
+    #
+    # Example:
+    #   config.allowed_styles = [ :large, :thumb ]
+    #
+    # Default:
+    # config.allowed_styles = :all
+    
+    # == Default Style
+    # 
+    # The style to insert by default. In addition to the
+    # styles defined above you can also use :original to get 
+    # the unprocessed file. Make sure this style exists.
+    config.default_style = :thumb
+    
+    # == User Authentication
+    #
+    # When defined, Rich will automatically call this method
+    # in a before filter to ensure that the user is logged in.
+    # 
+    # If you do not change this value from the default, anyone
+    # will be able to see your images, and upload files.
+    # 
+    # Example for Devise with an AdminUser model:
+    #   config.authentication_method = :authenticate_admin_user!
+    # 
+    # Default (NOT recommended in production environments): 
+    # config.authentication_method = :none
+    
+  end
+  
+  Rich.insert
+end