radiant-sheets-extension 1.0.0.pre

data/config/locales/en.yml

@@ -0,0 +1,17 @@
+---
+en: 
+  create_javascript: Create Javascript
+  create_stylesheet: Create Stylesheet
+  edit_javascript: Edit Javascript
+  edit_stylesheet: Edit Stylesheet
+  new_javascript: New Javascript
+  new_stylesheet: New Stylesheet
+  path: Path
+  sheets: Sheets
+  upload: Upload
+  stylesheet_page: Stylesheet
+  javascript_page: Javascript
+  sheets:
+    root_required: "You must first publish a homepage before you may create a %{model}."
+  no_styles: 'No Stylesheets'
+  no_scripts: 'No Javascripts'

data/config/routes.rb

@@ -0,0 +1,6 @@
+ActionController::Routing::Routes.draw do |map|
+  map.namespace :admin, :collection => { :upload => :post } do |admin|
+    admin.resources :styles
+    admin.resources :scripts
+  end
+end

data/cucumber.yml

@@ -0,0 +1 @@
+default: --format progress features --tags ~@proposed,~@in_progress

data/features/admin/managing_javascripts.feature

@@ -0,0 +1,147 @@
+Feature: Managing javascripts
+  In order to create, modify, and delete content from the website
+  a content editor
+  wants to manipulate javascripts in the admin interface
+  
+  Scenario: Limiting access
+    Given I am logged in as "existing"
+    When I go to the "scripts" admin page
+    Then I should see "You must have developer or administrator privileges to edit javascripts."
+  
+  Scenario: Listing javascripts
+    Given I am logged in as "designer"
+    When I go to the "scripts" admin page
+    Then I should see "Javascripts"
+    Then I should see "site.js"
+    And I should see "coffee.js"
+    And I should see "Coffee"
+    And I should see "New Javascript"
+    
+  Scenario: Creating javascripts
+    Given I am logged in as "designer"
+    When I go to the "scripts" admin page
+    And I follow "New Javascript"
+    And I fill in "Slug" with "cuke.js"
+    And I press "Create Javascript"
+    Then I should see "Javascripts"
+    And I should see "cuke.js"
+    And I should see "New Javascript"
+    
+  Scenario: Editing javascripts
+    When I go to "/js/site.js"
+    Then the page should render
+      """
+      alert("site!");
+      """
+    When I am logged in as "designer"
+    When I go to the "scripts" admin page
+    And I follow "site.js"
+    And I fill in "Slug" with "changed.js"
+    And I fill in "Body" with "alert('site changed!');"
+    And I press "Save Changes"
+    Then I should see "changed.js"
+    And I follow "Logout"
+    And I go to "/js/changed.js"
+    And the page should render
+      """
+      alert('site changed!');
+      """
+    
+  Scenario: Rendering Javascripts
+    Given I am logged in as "designer"
+    When I go to the "scripts" admin page
+    And I follow "New Javascript"
+    And I fill in "Slug" with "styled.js"
+    And I fill in the "Body" content with the text
+      """
+      var s = {};
+      <r:javascript slug="site.js" />
+      """
+    And I press "Create Javascript"
+    And I go to "/js/styled.js"
+    Then the page should render
+      """
+      var s = {};
+      alert("site!");
+      """
+    
+  Scenario: Rendering CoffeeScript
+    Given I am logged in as "designer"
+    When I go to the "scripts" admin page
+    And I follow "New Javascript"
+    And I fill in "Slug" with "mocha.js"
+    And I fill in the "Body" content with the text
+      """
+      # Assignment:
+      number   = 42
+      opposite = true
+
+      # Conditions:
+      number = -42 if opposite
+
+      # Functions:
+      square = (x) -> x * x
+
+      # Arrays:
+      list = [1, 2, 3, 4, 5]
+
+      # Objects:
+      math =
+        root:   Math.sqrt
+        square: square
+        cube:   (x) -> x * square x
+
+      # Splats:
+      race = (winner, runners...) ->
+        print winner, runners
+
+      # Existence:
+      alert "I knew it!" if elvis?
+
+      # Array comprehensions:
+      cubes = (math.cube num for num in list)
+      """
+    And I select "Coffee" from "Filter"
+    And I press "Create Javascript"
+    And I go to "/js/mocha.js"
+    Then the page should render
+      """
+      (function() {
+        var cubes, list, math, num, number, opposite, race, square;
+        var __slice = Array.prototype.slice;
+        number = 42;
+        opposite = true;
+        if (opposite) {
+          number = -42;
+        }
+        square = function(x) {
+          return x * x;
+        };
+        list = [1, 2, 3, 4, 5];
+        math = {
+          root: Math.sqrt,
+          square: square,
+          cube: function(x) {
+            return x * square(x);
+          }
+        };
+        race = function() {
+          var runners, winner;
+          winner = arguments[0], runners = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+          return print(winner, runners);
+        };
+        if (typeof elvis !== "undefined" && elvis !== null) {
+          alert("I knew it!");
+        }
+        cubes = (function() {
+          var _i, _len, _results;
+          _results = [];
+          for (_i = 0, _len = list.length; _i < _len; _i++) {
+            num = list[_i];
+            _results.push(math.cube(num));
+          }
+          return _results;
+        })();
+      }).call(this);
+      """
+    

data/features/admin/managing_stylesheets.feature

@@ -0,0 +1,108 @@
+Feature: Managing stylesheets
+  In order to create, modify, and delete content from the website
+  a content editor
+  wants to manipulate stylesheets in the admin interface
+  
+  Scenario: Limiting access
+    Given I am logged in as "existing"
+    When I go to the "styles" admin page
+    Then I should see "You must have developer or administrator privileges to edit stylesheets."
+  
+  Scenario: Listing stylesheets
+    Given I am logged in as "designer"
+    When I go to the "styles" admin page
+    Then I should see "Stylesheets"
+    And I should see "site.css"
+    And I should see "sassy.sass"
+    And I should see "Sass"
+    And I should see "New Stylesheet"
+  
+  Scenario: Creating stylesheets
+    Given I am logged in as "designer"
+    When I go to the "styles" admin page
+    And I follow "New Stylesheet"
+    And I fill in "Slug" with "cuke.css"
+    And I press "Create Stylesheet"
+    Then I should see "Stylesheets"
+    And I should see "cuke.css"
+    And I should see "New Stylesheet"
+    
+  Scenario: Editing stylesheets
+    When I go to "/css/site.css"
+    Then the page should render
+      """
+      p { color: blue; }
+      """
+    When I am logged in as "designer"
+    When I go to the "styles" admin page
+    And I follow "site.css"
+    And I fill in "Slug" with "changed.css"
+    And I fill in "Body" with "p { color: red; } /* I added this comment */"
+    And I press "Save Changes"
+    Then I should see "changed.css"
+    And I follow "Logout"
+    And I go to "/css/changed.css"
+    And the page should render
+      """
+      p { color: red; } /* I added this comment */
+      """
+    
+  Scenario: Rendering CSS
+    Given I am logged in as "designer"
+    When I go to the "styles" admin page
+    And I follow "New Stylesheet"
+    And I fill in "Slug" with "styled.css"
+    And I fill in the "Body" content with the text
+      """
+      body { color: red; }
+      <r:stylesheet slug="site.css" />
+      """
+    And I press "Create Stylesheet"
+    And I go to "/css/styled.css"
+    Then the page should render
+      """
+      body { color: red; }
+      p { color: blue; }
+      """
+      
+  Scenario: Rendering Sass
+    Given I am logged in as "designer"
+    When I go to the "styles" admin page
+    And I follow "New Stylesheet"
+    And I fill in "Slug" with "sassed.css"
+    And I fill in the "Body" content with the text
+      """
+      body
+        font-size: 1em
+      """
+    And I select "Sass" from "Filter"
+    And I press "Create Stylesheet"
+    And I go to "/css/sassed.css"
+    Then the page should render
+      """
+      body{font-size:1em}
+      """
+  
+  Scenario: Rendering SCSS
+    Given I am logged in as "designer"
+    When I go to the "styles" admin page
+    And I follow "New Stylesheet"
+    And I fill in "Slug" with "sassed.css"
+    And I fill in the "Body" content with the text
+      """
+      p { 
+        a {
+          color: blue;
+          line-height: 1.9;
+        }
+        color: red;
+      }
+      """
+    And I select "SCSS" from "Filter"
+    And I press "Create Stylesheet"
+    And I go to "/css/sassed.css"
+    Then the page should render
+      """
+      p{color:red}p a{color:blue;line-height:1.9}
+      """
+    

data/features/support/env.rb

@@ -0,0 +1,11 @@
+# Sets up the Rails environment for Cucumber
+ENV["RAILS_ENV"] = "test"
+# Extension root
+extension_env = File.expand_path(File.dirname(__FILE__) + '/../../../../../config/environment')
+require extension_env+'.rb'
+
+Dir.glob(File.join(RADIANT_ROOT, "features", "**", "*.rb")).each {|step| require step unless step =~ /datasets_loader\.rb$/}
+ 
+Cucumber::Rails::World.class_eval do
+  dataset :users_and_pages, :stylesheets, :javascripts
+end

data/features/support/paths.rb

@@ -0,0 +1,11 @@
+module NavigationHelpers
+  
+  PathMatchers = {} unless defined?(PathMatchers)
+  PathMatchers.merge!({
+    /styles/i => 'admin_styles_path',
+    /scripts/i => 'admin_scripts_path'
+  })
+  
+end
+
+World(NavigationHelpers)

data/lib/coffee_filter.rb

@@ -0,0 +1,5 @@
+class CoffeeFilter < TextFilter
+  def filter(text)
+    CoffeeScript.compile text
+  end
+end

data/lib/javascript_tags.rb

@@ -0,0 +1,58 @@
+module JavascriptTags
+  include Radiant::Taggable
+  class TagError < StandardError; end
+  
+  desc %{
+Renders the content from or a reference to the javascript specified in the @slug@ 
+attribute. Additionally, the @as@ attribute can be used to make the tag render 
+as one of the following:
+
+* with no @as@ value the javascript's content is rendered by default.
+* @inline@ - wraps the javascript's content in an (X)HTML @<script>@ element.
+* @url@ - the full path to the javascript.
+* @link@ - embeds the url in an (X)HTML @<script>@ element (creating a link to the external javascript).
+
+*Additional Options:*
+When rendering @as="inline"@ or @as="link"@, the (X)HTML @type@ attribute
+is automatically be set to the default javascript content-type.
+You can overrride this attribute or add additional ones by passing extra
+attributes to the @<r:javascript>@ tag.
+      
+*Usage:*
+      
+<pre><code><r:javascript slug="site.css" as="inline" 
+  type="text/custom" id="my_id" />
+<r:javascript slug="other.js" as="link" /></code></pre>
+
+The above example will produce the following:
+      
+<pre><code>        <script type="text/custom" id="my_id">
+//<![CDATA[
+  var your_script = 'this content';
+//]]>
+</script>
+<script type="text/javascript" src="/js/other.js"></script></code></pre>
+  }
+  tag 'javascript' do |tag|
+    slug = (tag.attr['slug'] || tag.attr['name'])
+    raise TagError.new("`javascript' tag must contain a `slug' attribute.") unless slug
+    if (javascript = JavascriptPage.find_by_slug(slug))
+      mime_type = tag.attr['type'] || javascript.headers['Content-Type']
+      url = javascript.url.sub(/\/$/,'') + '?' + javascript.updated_at.to_i.to_s
+      optional_attributes = tag.attr.except('slug', 'name', 'as', 'type').inject('') { |s, (k, v)| s << %{#{k}="#{v}" } }.strip
+      optional_attributes = " #{optional_attributes}" unless optional_attributes.empty?
+      case tag.attr['as']
+      when 'url'
+        url
+      when 'inline'
+        %{<script type="#{mime_type}"#{optional_attributes}>\n//<![CDATA[\n#{javascript.render_part('body')}\n//]]>\n</script>}
+      when 'link'
+        %{<script type="#{mime_type}" src="#{url}"#{optional_attributes}></script>}
+      else
+        javascript.render_part('body')
+      end
+    else
+      raise TagError.new("javascript #{slug} not found")
+    end
+  end
+end

data/lib/radiant-sheets-extension/version.rb

@@ -0,0 +1,3 @@
+module RadiantSheetsExtension
+  VERSION = '1.0.0.pre'
+end

data/lib/radiant-sheets-extension.rb

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

data/lib/sass_filter.rb

@@ -0,0 +1,18 @@
+class SassFilter < TextFilter
+  description_file File.dirname(__FILE__) + "/../sass.html"
+  
+  description "Sass is a meta-language on top of CSS that's used to describe the style of a document cleanly and structurally, with more power than flat CSS allows."
+
+  def filter(text)
+    begin
+      options = Compass.sass_engine_options || {:load_paths => []}
+      options[:load_paths].unshift "#{RADIANT_ROOT}/public/stylesheets/sass"
+      options[:load_paths].unshift "#{Rails.root}/public/stylesheets/sass"
+      # this would need some substitions (as in paperclip) to be useful
+      # options[:load_paths] += Radiant::Config['sheets.sass_template_paths'].split(',').map(&:strip) if Radiant::Config['sheets.sass_template_paths']
+      Sass::Engine.new(text, options).render
+    rescue Sass::SyntaxError
+      "Syntax Error at line #{$!.sass_line}: " + $!.to_s
+    end
+  end
+end

data/lib/scss_filter.rb

@@ -0,0 +1,19 @@
+class ScssFilter < TextFilter
+  description_file File.dirname(__FILE__) + "/../scss.html"
+  
+  filter_name 'SCSS'
+  description 'SCSS is fully compatible with the syntax of CSS3, while still supporting the full power of Sass.'
+
+  def filter(text)
+    begin
+      options = Compass.sass_engine_options || {:load_paths => []}
+      options[:load_paths].unshift "#{Rails.root}/public/stylesheets/scss"
+      options[:syntax] = :scss
+      # this would need some substitions (as in paperclip) to be useful
+      # options[:load_paths] += Radiant::Config['sheets.sass_template_paths'].split(',').map(&:strip) if Radiant::Config['sheets.sass_template_paths']
+      Sass::Engine.new(text, options).render
+    rescue Sass::SyntaxError
+      "Syntax Error at line #{$!.sass_line}: " + $!.to_s
+    end
+  end
+end

data/lib/stylesheet_tags.rb

@@ -0,0 +1,61 @@
+module StylesheetTags
+  include Radiant::Taggable
+  class TagError < StandardError; end
+  
+  desc %{
+Renders the content from or a reference to the stylesheet specified in the @slug@ 
+attribute. Additionally, the @as@ attribute can be used to make the tag render 
+as one of the following:
+
+* with no @as@ value the stylesheet's content is rendered by default.
+* @inline@ - wraps the stylesheet's content in an (X)HTML @<style>@ element.
+* @url@ - the full path to the stylesheet.
+* @link@ - embeds the url in an (X)HTML @<link>@ element (creating a link to the external stylesheet).
+
+*Additional Options:*
+When rendering @as="inline"@ or @as="link"@, the (X)HTML @type@ attribute
+is automatically be set to the default stylesheet content-type.
+You can overrride this attribute or add additional ones by passing extra
+attributes to the @<r:stylesheet>@ tag.
+      
+*Usage:*
+      
+<pre><code><r:stylesheet slug="site.css" as="inline" 
+  type="text/custom" id="my_id" />
+<r:stylesheet slug="other.css" as="link" 
+  rel="alternate stylesheet" /></code></pre>
+
+The above example will produce the following:
+      
+<pre><code>        <style type="text/custom" id="my_id">
+/*<![CDATA[*/
+  .your_stylesheet { content: 'here' }
+/*]]>*/
+</style>
+<link rel="alternate stylesheet" type="text/css" 
+  href="/css/other.css" /></code></pre>
+  }
+  tag 'stylesheet' do |tag|
+    slug = (tag.attr['slug'] || tag.attr['name'])
+    raise TagError.new("`stylesheet' tag must contain a `slug' attribute.") unless slug
+    if (stylesheet = StylesheetPage.find_by_slug(slug))
+      mime_type = tag.attr['type'] || stylesheet.headers['Content-Type']
+      url = stylesheet.url.sub(/\/$/,'') + '?' + stylesheet.updated_at.to_i.to_s
+      rel = tag.attr.delete('rel') || 'stylesheet'
+      optional_attributes = tag.attr.except('slug', 'name', 'as', 'type').inject('') { |s, (k, v)| s << %{#{k}="#{v}" } }.strip
+      optional_attributes = " #{optional_attributes}" unless optional_attributes.empty?
+      case tag.attr['as']
+      when 'url'
+        url
+      when 'inline'
+        %{<style type="#{mime_type}"#{optional_attributes}>\n/*<![CDATA[*/\n#{stylesheet.render_part('body')}\n/*]]>*/\n</style>}
+      when 'link'
+        %{<link rel="#{rel}" type="#{mime_type}" href="#{url}"#{optional_attributes} />}
+      else
+        stylesheet.render_part('body')
+      end
+    else
+      raise TagError.new("stylesheet #{slug} not found")
+    end
+  end
+end

data/lib/tasks/sheets_extension_tasks.rake

@@ -0,0 +1,79 @@
+namespace :radiant do
+  namespace :extensions do
+    namespace :sheets do
+      
+      desc "Runs the migration of the Sheets extension"
+      task :migrate => :environment do
+        require 'radiant/extension_migrator'
+        if ENV["VERSION"]
+          SheetsExtension.migrator.migrate(ENV["VERSION"].to_i)
+          Rake::Task['db:schema:dump'].invoke
+        else
+          SheetsExtension.migrator.migrate
+          Rake::Task['db:schema:dump'].invoke
+        end
+      end
+      
+      desc "Copies public assets of the Sheets to the instance public/ directory."
+      task :update => :environment do
+        is_svn_or_dir = proc {|path| path =~ /\.svn/ || File.directory?(path) }
+        puts "Copying assets from SheetsExtension"
+        Dir[SheetsExtension.root + "/public/**/*"].reject(&is_svn_or_dir).each do |file|
+          path = file.sub(SheetsExtension.root, '')
+          directory = File.dirname(path)
+          mkdir_p RAILS_ROOT + directory, :verbose => false
+          cp file, RAILS_ROOT + path, :verbose => false
+        end
+        unless SheetsExtension.root.starts_with? RAILS_ROOT # don't need to copy vendored tasks
+          puts "Copying rake tasks from SheetsExtension"
+          local_tasks_path = File.join(RAILS_ROOT, %w(lib tasks))
+          mkdir_p local_tasks_path, :verbose => false
+          Dir[File.join SheetsExtension.root, %w(lib tasks *.rake)].each do |file|
+            cp file, local_tasks_path, :verbose => false
+          end
+        end
+      end  
+      
+      desc "Syncs all available translations for this ext to the English ext master"
+      task :sync => :environment do
+        # The main translation root, basically where English is kept
+        language_root = SheetsExtension.root + "/config/locales"
+        words = TranslationSupport.get_translation_keys(language_root)
+        
+        Dir["#{language_root}/*.yml"].each do |filename|
+          next if filename.match('_available_tags')
+          basename = File.basename(filename, '.yml')
+          puts "Syncing #{basename}"
+          (comments, other) = TranslationSupport.read_file(filename, basename)
+          words.each { |k,v| other[k] ||= words[k] }  # Initializing hash variable as empty if it does not exist
+          other.delete_if { |k,v| !words[k] }         # Remove if not defined in en.yml
+          TranslationSupport.write_file(filename, basename, comments, other)
+        end
+      end
+
+      namespace :import do
+        desc "Creates new sheets pages from old SNS text_assets"
+        task :sns => :environment do
+          class TextAsset < ActiveRecord::Base
+            belongs_to :created_by, :class_name => 'User'
+            belongs_to :updated_by, :class_name => 'User'
+          end
+          TextAsset.all.each do |ta| 
+            klass = (ta.class_name + 'Page').constantize
+            p "Importing #{klass} #{ta.name}"
+            sheet = klass.new_with_defaults
+            sheet.part('body').content = ta.content
+            sheet.part('body').filter_id = ta.filter_id
+            sheet.slug = ta.name
+            ta.attributes.each do |attribute, value|
+              if !attribute.match(/^(lock_version|id|content|filter_id|name|class_name)$/) && sheet.respond_to?("#{attribute}=")
+                sheet.send("#{attribute}=", value)
+              end
+            end
+            sheet.save!
+          end
+        end
+      end
+    end
+  end
+end

data/radiant-sheets-extension.gemspec

@@ -0,0 +1,32 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "radiant-sheets-extension/version"
+
+Gem::Specification.new do |s|
+  s.name        = "radiant-sheets-extension"
+  s.version     = RadiantSheetsExtension::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Radiant CMS Dev Team"]
+  s.email       = ["radiant@radiantcms.org"]
+  s.homepage    = "http://radiantcms.org/"
+  s.summary     = %q{Sheets for Radiant CMS}
+  s.description = %q{Manage CSS and Javascript content in Radiant CMS as Sheets, a subset of Pages.}
+
+  ignores = if File.exist?('.gitignore')
+    File.read('.gitignore').split("\n").inject([]) {|a,p| a + Dir[p] }
+  else
+    []
+  end
+  s.files         = Dir['**/*'] - ignores
+  s.test_files    = Dir['test/**/*','spec/**/*','features/**/*'] - ignores
+  # s.executables   = Dir['bin/*'] - ignores
+  s.require_paths = ["lib"]
+  
+  s.add_dependency 'sass', '~>3.1.2'
+  s.add_dependency 'coffee-script', '~>2.2.0'
+  
+  s.post_install_message = %{
+  Add this to your radiant project with:
+    config.gem 'radiant-sheets-extension', :version => '~>#{RadiantSheetsExtension::VERSION}'
+  }
+end