playmo 0.0.5

data/lib/generators/playmo/templates/mootools/rails.js

@@ -0,0 +1,161 @@
+/*
+---
+description: A MooTools driver for the Ruby on Rails 3 unobtrusive JavaScript API.
+
+license: MIT-style
+
+authors:
+- Kevin Valdek
+
+requires:
+  core/1.3: '*'
+
+provides:
+  - Rails 3 MooTools driver
+
+...
+*/
+
+window.addEvent('domready', function() {
+
+  rails.csrf = {
+    token: rails.getCsrf('token'),
+    param: rails.getCsrf('param')
+  };
+
+  rails.applyEvents();
+});
+
+(function($) {
+
+  window.rails = {
+    /**
+     * If el is passed as argument, events will only be applied to
+     * elements within el. Otherwise applied to document body.
+     */
+    applyEvents: function(el) {
+      el = $(el || document.body);
+      var apply = function(selector, action, callback) {
+        el.getElements(selector).addEvent(action, callback);
+      };
+
+      apply('form[data-remote="true"]', 'submit', rails.handleRemote);
+      apply('a[data-remote="true"], input[data-remote="true"]', 'click', rails.handleRemote);
+      apply('a[data-method][data-remote!=true]', 'click', function(e) {
+        e.preventDefault();
+        if(rails.confirmed(this)) {
+          var form = new Element('form', {
+            method: 'post',
+            action: this.get('href'),
+            styles: { display: 'none' }
+          }).inject(this, 'after');
+          
+          var methodInput = new Element('input', {
+            type: 'hidden',
+            name: '_method',
+            value: this.get('data-method')
+          });
+          
+          var csrfInput = new Element('input', {
+            type: 'hidden',
+            name: rails.csrf.param,
+            value: rails.csrf.token
+          });
+          
+          form.adopt(methodInput, csrfInput).submit();
+        }
+      });
+      var noMethodNorRemoteConfirm = ':not([data-method]):not([data-remote=true])[data-confirm]';
+      apply('a' + noMethodNorRemoteConfirm + ',' + 'input' + noMethodNorRemoteConfirm, 'click', function() {
+        return rails.confirmed(this);
+      });
+    },
+
+    getCsrf: function(name) {
+      var meta = document.getElement('meta[name=csrf-' + name + ']');
+      return (meta ? meta.get('content') : null);
+    },
+
+    confirmed: function(el) {
+      var confirmMessage = el.get('data-confirm');
+      if(confirmMessage && !confirm(confirmMessage)) {
+        return false;
+      }
+      return true;
+    },
+
+    disable: function(el) {
+      var button = el.get('data-disable-with') ? el : el.getElement('[data-disable-with]');
+
+      if(button) {
+        var enableWith = button.get('value');
+        el.addEvent('ajax:complete', function() {
+          button.set({
+            value: enableWith,
+            disabled: false
+          });
+        });
+        button.set({
+          value: button.get('data-disable-with'),
+          disabled: true
+        });
+      }
+    },
+
+    handleRemote: function(e) {
+      e.preventDefault();
+
+      if(rails.confirmed(this)) {
+        this.request = new Request.Rails(this);
+        rails.disable(this);
+        this.request.send();
+      }
+    }
+  };
+
+  Request.Rails = new Class({
+
+    Extends: Request,
+
+    initialize: function(element, options) {
+      this.el = element;
+      this.parent(Object.merge({
+        method: this.el.get('method') || this.el.get('data-method') || 'get',
+        url: this.el.get('action') || this.el.get('href')
+      }, options));
+
+      this.addRailsEvents();
+    },
+
+    send: function(options) {
+      this.el.fireEvent('ajax:before');
+      if(this.el.get('tag') == 'form') {
+        this.options.data = this.el;
+      }
+      this.parent(options);
+      this.el.fireEvent('ajax:after', this.xhr);
+    },
+
+    addRailsEvents: function() {
+      this.addEvent('request', function() {
+        this.el.fireEvent('ajax:loading', this.xhr);
+      });
+
+      this.addEvent('success', function() {
+        this.el.fireEvent('ajax:success', this.xhr);
+      });
+
+      this.addEvent('complete', function() {
+        this.el.fireEvent('ajax:complete', this.xhr);
+        this.el.fireEvent('ajax:loaded', this.xhr);
+      });
+
+      this.addEvent('failure', function() {
+        this.el.fireEvent('ajax:failure', this.xhr);
+      });
+    }
+
+  });
+
+})(document.id);
+

data/lib/generators/playmo/templates/tasks/assets.rake

@@ -0,0 +1,10 @@
+namespace :compile do
+  desc 'Compile ans compress application javascripts and stylesheets.'
+  task :update => :environment do
+    # Update stylesheets
+    Rake::Task['sass:update'].execute   
+
+    # Pack all assets!  
+    Jammit.package!
+  end
+end

data/lib/generators/playmo/templates/tasks/sass.rake

@@ -0,0 +1,8 @@
+namespace :sass do
+  desc 'Updates stylesheets if necessary from their Sass templates.'
+  task :update => :environment do
+    sh "rm -rf public/assets/compiled/stylesheets tmp/sass-cache"
+    Sass::Plugin.options[:never_update] = false
+    Sass::Plugin.update_stylesheets
+  end
+end

data/lib/playmo.rb

@@ -0,0 +1,12 @@
+# encoding: utf-8
+require 'compass'
+Compass::Frameworks.register("playmo", :path => "#{File.dirname(__FILE__)}/..")
+
+if defined?(ActionController)
+  require File.join(File.dirname(__FILE__), 'app', 'helpers', 'playmo_helper')
+  ActionController::Base.helper(PlaymoHelper)
+end
+
+module Playmo
+  #autoload :Generators, 'playmo/generators/base'
+end

data/playmo.gemspec

@@ -0,0 +1,22 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+
+Gem::Specification.new do |s|
+  s.version     = "0.0.5"
+  s.name        = "playmo"
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Andrew Kozloff"]
+  s.email       = ["andrew@tanraya.com"]
+  s.homepage    = "https://github.com/tanraya/playmo"
+  s.summary     = %q{Special kit that allows you create Rails 3 apps quick with pre-included few useful libs in your app.}
+
+  s.rubyforge_project = "playmo"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+  s.has_rdoc      = false
+  s.rubygems_version = %q{1.3.7}
+  s.add_dependency("compass", [">= 0.10.6"])
+end

data/stylesheets/_playmo_rails.sass

@@ -0,0 +1,13 @@
+@import "html5-boilerplate/reset";
+@import "html5-boilerplate/fonts";
+@import "html5-boilerplate/styles";
+@import "html5-boilerplate/helpers";
+@import "html5-boilerplate/media";
+
+@mixin html5-boilerplate {
+  @include html5-boilerplate-reset;
+  @include html5-boilerplate-fonts;
+  @include html5-boilerplate-styles;
+  @include html5-boilerplate-helpers;
+  @include html5-boilerplate-media;
+}

data/stylesheets/playmo-rails/_fonts.scss

@@ -0,0 +1,46 @@
+$base-font-family: unquote("sans-serif") !default;
+$base-font-size: 13px !default;
+$base-line-height: 1.231 !default;
+
+//
+// Font normalization inspired by  from the YUI Library's fonts.css: developer.yahoo.com/yui
+// Whatever parts of this port of YUI to Sass that are copyrightable, are Copyright (c) 2008, Christopher Eppstein. All Rights Reserved.
+//
+
+@mixin html5-boilerplate-fonts($family: $base-font-family, $size: $base-font-size, $line-height: $base-line-height) {
+  body { 
+    font-size: $size;
+    font-family: $family;
+    line-height: $line-height; // hack retained to preserve specificity
+    *font-size: small;
+  }
+
+  select, input, textarea, button { font: 99% $family; }
+
+  // normalize monospace sizing 
+  // meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
+  // en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
+  pre, code, kbd, samp { font-family: monospace, sans-serif; }
+}
+
+// maxvoltar.com/archive/-webkit-font-smoothing
+@mixin font-smoothing {
+  -webkit-font-smoothing: antialiased;
+}
+
+// Sets the font size specified in pixels using percents so that the base
+// font size changes and 1em has the correct value. When nesting font size
+// declarations, within the DOM tree, the base_font_size must be the parent's
+// effective font-size in pixels.
+// Usage Examples:
+//   .big
+//     +font-size(16px)
+//   .bigger
+//     +font-size(18px)
+//   .big .bigger
+//     +font-size(18px, 16px)
+//
+// For more information see the table found at http://developer.yahoo.com/yui/3/cssfonts/#fontsize
+@mixin font-size($size, $base-font-size: $base-font-size) {
+  font-size: ceil(percentage($size / $base-font-size));
+}

data/stylesheets/playmo-rails/_handheld.scss

@@ -0,0 +1,8 @@
+* {
+  float: none;       // Screens are not big enough to account for floats
+  background: #fff;  // As much contrast as possible */
+  color: #000;
+}
+
+// Slightly reducing font size to reduce need to scroll
+body { font-size: 80%; }

data/stylesheets/playmo-rails/_helpers.scss

@@ -0,0 +1,57 @@
+@import "compass/utilities/text/replacement";
+@import "compass/utilities/general/clearfix";
+
+//
+// Non-semantic helper classes
+// It's better to include these mixins in your own styles
+//
+
+@mixin html5-boilerplate-helpers {
+  .ir { @include image-replacement; }
+
+  .hidden { @include hidden; }
+
+  .visuallyhidden { @include visually-hidden; }
+
+  .clearfix { @include pie-clearfix; }
+}
+
+// Almost the same as compass replace-text
+// but adding direction: ltr
+@mixin image-replacement($img: none, $x: 50%, $y: 50%) {
+  @include hide-text;
+  direction: ltr;
+  background-repeat: no-repeat;
+  @if $img != none {
+    background-image: image-url($img);
+    background-position: $x $y;
+  }
+}
+
+@mixin sized-image-replacement($img, $x: 50%, $y: 50%) {
+  @include image-replacement($img, $x, $y);
+  width: image-width($img);
+  height: image-height($img);
+}
+
+// Hide for both screenreaders and browsers
+// css-discuss.incutio.com/wiki/Screenreader_Visibility
+@mixin hidden {
+  display:none;
+  visibility: hidden;
+}
+
+// Hide only visually, but have it available for screenreaders: by Jon Neal
+// www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden
+@mixin visually-hidden {
+  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
+}
+
+// Hide visually and from screenreaders, but maintain layout
+@mixin invisible { visibility: hidden; }
+
+// The Magnificent CLEARFIX << j.mp/phayesclearfix
+@mixin magnificent-clearfix {
+  @warn "The 'magnificent-clearfix' mixin has been deprecated. Use 'pie-clearfix' in compass core instead.";
+  @include pie-clearfix;
+}

data/stylesheets/playmo-rails/_media.scss

@@ -0,0 +1,60 @@
+@mixin html5-boilerplate-media {
+  @media print {
+    @include media-print;
+  }
+
+  @media all and (orientation:portrait) { 
+    @include media-orientation-portrait;
+  }
+
+  @media all and (orientation:landscape) {
+    @include media-orientation-landscape;
+  }
+
+  @media screen and (max-device-width: 480px) {
+    @include media-mobile;
+  }
+}
+
+//
+// print styles
+// inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
+
+@mixin media-print {
+  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
+  -ms-filter: none !important; } // black prints faster: sanbeiji.com/archives/953
+  a, a:visited { color: #444 !important; text-decoration: underline; }
+  a[href]:after { content: " (" attr(href) ")"; }
+  abbr[title]:after { content: " (" attr(title) ")"; }
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  // don't show links for images, or javascript/internal links
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+  thead { display: table-header-group; } // css-discuss.incutio.com/wiki/Printing_Tables
+  tr, img { page-break-inside: avoid; }
+  @page { margin: 0.5cm; }
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3{ page-break-after: avoid; }
+}
+
+
+//
+// media queries for responsive design
+// these follow after primary styles so they will successfully override.
+//
+
+@mixin media-orientation-portrait {
+  // Style adjustments for portrait mode goes here
+}
+
+@mixin media-orientation-landscape {
+  // Style adjustments for landscape mode goes here
+}
+
+// Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
+// consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold
+@mixin media-mobile($optimize: true) {
+  // j.mp/textsizeadjust
+  @if not $optimize {
+    // don't allow iOS and WinMobile to mobile-optimize text
+    html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
+  }
+}

data/stylesheets/playmo-rails/_reset.scss

@@ -0,0 +1,56 @@
+//
+//  style.css contains a reset, font normalization and some base styles.
+//  
+//  credit is left where credit is due.
+//  much inspiration was taken from these projects:
+//    yui.yahooapis.com/2.8.1/build/base/base.css
+//    camendesign.com/design/
+//    praegnanz.de/weblog/htmlcssjs-kickstart
+//
+//  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+//  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
+//  html5doctor.com/html-5-reset-stylesheet/
+//
+
+@mixin html5-boilerplate-reset {
+  html, body, div, span, object, iframe,
+  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+  abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+  small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+  fieldset, form, label, legend,
+  table, caption, tbody, tfoot, thead, tr, th, td,
+  article, aside, canvas, details, figcaption, figure,
+  footer, header, hgroup, menu, nav, section, summary,
+  time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    font-size:100%;
+    font: inherit;
+    vertical-align:baseline;
+  }
+
+  article, aside, details, figcaption, figure,
+  footer, header, hgroup, menu, nav, section { 
+    display: block;
+  }
+
+  blockquote, q { quotes: none; }
+
+  blockquote:before, blockquote:after,
+  q:before, q:after { content:''; content:none; }
+
+  ins { background-color: #ff9; color: #000; text-decoration:none; }
+
+  mark { background-color: #ff9; color: #000; font-style:italic; font-weight:bold; }
+
+  del { text-decoration: line-through; }
+
+  abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
+
+  table { border-collapse:collapse; border-spacing:0; }
+
+  hr { display: block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+  input, select { vertical-align:middle; }
+}