cloudrider 0.2.4 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 98e60585e40a7bbb0badb0540a0cde8b3106596a
-  data.tar.gz: 0e4d0cb0a0e4f5664405228b5e48ee050bd474b0
+  metadata.gz: 03060f9be1960c9c0efbf42c8e9c70ded3d12597
+  data.tar.gz: d29bad6873347937457febd5994547d7eb1fc195
 SHA512:
-  metadata.gz: ef1838716cc271c667e04b872039458d2540cf9d0686feab8390842b1fe9472d6ab3944cacaca92fbf7e4693ae343246a72a6037495de8f408464be31276c4eb
-  data.tar.gz: 53c6409409fb8522ce836a88846208b357571a0a73e83a239fcdb69c16d0f8833b1324c986d88dea94261e081c1b02a0b96b0fdbf74ac733d7012945bb605dd8
+  metadata.gz: 5f1f856e646d165cdd3acca7edf7faa5e3d290e58aac4c1f7f77dde0dede00bf5b0b1bb319ab496e2651cc99699f08a4669037622514435889a4e4bb5955f171
+  data.tar.gz: 817ae43bec67630191acfdb84cb957c6cf7c653e15ebe4747f42f81076020d2a1cd6ad1591c38f9e799fb05f2b5990bce265bfe34209e20af1139625d0a1ab56

data/generica/Gemfile

@@ -28,7 +28,7 @@ gem "font-awesome-sass", "~> 4.1.0.0"
 gem 'font-awesome-rails', '~> 4.1.0.0'
 gem 'compass-rails', '~> 1.1.7'
 gem 'compass-flexbox', '~>1.1.3'
-gem 'jquery-ui-sass-rails'
+gem 'jquery-ui-rails', '>=5.0.2'
 gem 'jquery-rails'
 gem 'foundation-rails', '~> 5.3.1.0'
 gem 'modernizr-rails', '~> 2.7.1'

data/generica/Gemfile.lock

@@ -160,13 +160,8 @@ GEM
     jquery-rails (3.1.2)
       railties (>= 3.0, < 5.0)
       thor (>= 0.14, < 2.0)
-    jquery-ui-rails (4.0.3)
-      jquery-rails
-      railties (>= 3.1.0)
-    jquery-ui-sass-rails (4.0.3.0)
-      jquery-rails
-      jquery-ui-rails (= 4.0.3)
-      railties (>= 3.1.0)
+    jquery-ui-rails (5.0.2)
+      railties (>= 3.2.16)
     json (1.8.1)
     jwt (1.0.0)
     kaminari (0.16.1)
@@ -339,7 +334,7 @@ DEPENDENCIES
   i18n-js
   jbuilder (~> 1.2)
   jquery-rails
-  jquery-ui-sass-rails
+  jquery-ui-rails (>= 5.0.2)
   kaminari (~> 0.16.1)
   livescript-rails
   modernizr-rails (~> 2.7.1)

data/generica/app/assets/javascripts/apiv1.js.ls

@@ -1,5 +1,7 @@
 #= require_self
+#= require generica/image-preload
 #= require ./packages/flash
+#= require ./packages/image_preloader
 #= require_tree ./mixins
 #= require_tree ./helpers
 #= require_tree ./controllers

data/generica/app/assets/javascripts/application.js

@@ -12,6 +12,8 @@
 //
 //= require jquery
 //= require jquery_ujs
+//= require jquery-ui/effect.all
+//= require jquery-ui/effect
 //= require foundation
 //= require underscore
 //= require handlebars

data/generica/app/assets/javascripts/components/preload-billboard.js.em

@@ -0,0 +1,20 @@
+class Apiv1.PreloadBillboardComponent extends Ember.Component
+  classNames: ["preload-billboard"]
+
+  +computed Apiv1.ImagePreloader.instance.isLoading
+  stillLoading: -> Apiv1.ImagePreloader.instance.get "isLoading"
+
+  +computed Apiv1.ImagePreloader.instance.isLoading
+  finishedLoading: -> not Apiv1.ImagePreloader.instance.get "isLoading"
+
+  +observer Apiv1.ImagePreloader.instance.isLoading
+  manageWhichToHide: ->
+    if @stillLoading
+      $("#billboard-holder").show()
+      $("#everything-else-holder").hide()
+    if @finishedLoading
+      $("#everything-else-holder").show()
+      $("#billboard-holder").hide "puff", 750
+
+  didInsertElement: ->
+    @manageWhichToHide()

data/generica/app/assets/javascripts/components/preload-image.js.em

@@ -0,0 +1,16 @@
+class Apiv1.PreloadImageComponent extends Ember.Component
+  attributeBindings: ["id", "class", "alt", "src"]
+  classNames: ["preload-image"]
+  tagName: ['img']
+  alreadyQueuedPreloader: false
+
+  +observer source
+  manageSourcePreloading: ->
+    return if @alreadyQueuedPreloader or Ember.isBlank @source
+    @alreadyQueuedPreloader = true
+    Apiv1.ImagePreloader.registerImage @source, (img) => 
+      console.log img
+      @src = img.src
+    
+  didInsertElement: ->
+    @manageSourcePreloading()

data/generica/app/assets/javascripts/packages/image_preloader.js.em

@@ -0,0 +1,23 @@
+class Apiv1.ImagePreloader extends Ember.Object
+  areWeUsingPreloader: false
+  stillLoadingImages: []
+  registerImage: (source, callback) ->
+    img = new Image()
+    @areWeUsingPreloader = true
+    @stillLoadingImages.pushObject img
+    img.onload = =>
+      @stillLoadingImages.removeObject img
+      callback img if typeof callback is "function"
+    img.src = source
+
+  preloadImagesFromCSS: ->
+    Apiv1.ImagesToPreload.map _.bind @registerImage, @
+
+  +computed stillLoadingImages.length, areWeUsingPreloader
+  isLoading: ->
+    @areWeUsingPreloader and @stillLoadingImages.length > 0
+
+
+Apiv1.ImagePreloader.instance = new Apiv1.ImagePreloader()
+Apiv1.ImagePreloader.instance.preloadImagesFromCSS()
+Apiv1.ImagePreloader.registerImage = _.bind Apiv1.ImagePreloader.instance.registerImage, Apiv1.ImagePreloader.instance

data/generica/app/assets/javascripts/templates/application.emblem

@@ -1,14 +1,15 @@
-.application-container.toggle-shift.shifted
-  #canvas-menu-top
-    site-nav
-  #page-wrapper
-    .site-content
-      .not-site-footer
-        == outlet
-      site-footer action="displayModal"
-  #fixed-bottom
-    .row
-      flash-message
-.modal-background
-  .modal-vertical-container
-    == outlet "modal"
+preload-billboard
+  .application-container.toggle-shift.shifted
+    #canvas-menu-top
+      site-nav
+    #page-wrapper
+      .site-content
+        .not-site-footer
+          == outlet
+        site-footer action="displayModal"
+    #fixed-bottom
+      .row
+        flash-message
+  .modal-background
+    .modal-vertical-container
+      == outlet "modal"

data/generica/app/assets/javascripts/templates/components/preload-billboard.emblem

@@ -0,0 +1,12 @@
+#billboard-holder
+  .row 
+    .small-12.columns
+      h2.bill-title.capitalize.bold
+        i.fa.fa-cog.fa-spin
+        tr-span en="loading"
+    .small-12.columns
+      .progress.small-12.success
+        span.meter.filling
+
+#everything-else-holder
+  == yield

data/generica/app/assets/javascripts/templates/components/product-display.emblem

@@ -1,7 +1,7 @@
 if product
   .media-object
     link-to "products.product.show" product.id
-      img.product-image src=product.pictures.firstObject.picUrl
+      preload-image class="product-image" source=product.pictures.firstObject.picUrl
   .media-texts
     h2.product-title
       link-to "products.product.show" product.id

data/generica/app/assets/stylesheets/apiv1/_application.css.scss

@@ -17,6 +17,7 @@
 @import 'apiv1/components/promise-button';
 @import 'apiv1/components/block-grid-pictures';
 @import 'apiv1/components/fancy-paginator';
+@import 'apiv1/components/preload-billboard';
 @import "apiv1/modals/login";
 @import 'apiv1/products/product/show';
 

data/generica/app/assets/stylesheets/apiv1/components/_preload-billboard.css.scss

@@ -0,0 +1,12 @@
+#billboard-holder {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999999999;
+  background-color: #fff;
+  @include display-flex;
+  @include justify-content(center);
+  @include flex-direction(column);
+}

data/generica/lib/generica.rb

@@ -1,4 +1,5 @@
 module Generica
   require File.join __dir__, "generica", "seed_generator"
   require File.join __dir__, "generica", "yaml_writer"
+  require File.join __dir__, "generica", "image_preloader"
 end

data/generica/lib/generica/image-preload.js.erb

@@ -0,0 +1 @@
+Apiv1.ImagesToPreload = <%= file_image_urls.inspect %>;

data/generica/lib/generica/image_preloader.rb

@@ -0,0 +1,61 @@
+require 'tilt'
+require 'erb'
+module Generica; end
+class Generica::ImagePreloader
+  include Thor::Base
+  include Thor::Actions
+
+  def write_preloader_js_file
+    create_file _destination, _file_contents
+  end
+  private
+  def _destination
+    Rails.root.join "vendor", "assets", "javascripts", "generica", "image-preload.js"
+  end
+  def _file_contents
+    _template.render _context
+  end
+  def _template
+    @template ||= Tilt::ERBTemplate.new _source
+  end
+  def _source
+    @source ||= File.join __dir__, "image-preload.js.erb"
+  end
+  def _context
+    @context ||= Context.new
+  end
+end
+
+class Generica::ImagePreloader::Context
+  def file_image_urls
+    _css_files.map { |file| _get_image_urls_from_file.call file }.flatten.uniq
+  end
+  private
+  def _css_files
+    Dir.glob(Rails.root.join "app", "assets", "stylesheets", "**", "*").reject { |f| Dir.exists? f }
+  end
+  def _get_image_urls_from_file
+    _filename_to_string >> _string_to_raw_css_urls >> _clean_css_urls
+  end
+  def _filename_to_string
+    -> (file) { File.read file }
+  end
+  def _string_to_raw_css_urls
+    -> (string) { string.to_s.scan /url\(*[a-z0-9_\-\s,\/]+\.[a-z]*\)/i }
+  end
+  def _clean_css_urls
+    -> (css_urls) { css_urls.map { |css_url| _clean_css_url.call css_url } }
+  end
+  def _clean_css_url
+    _clean_front_css_url >> _clean_rear_css_url >> _append_asset_path
+  end
+  def _append_asset_path
+    -> (url) { File.join "assets", url }
+  end
+  def _clean_front_css_url
+    -> (css_url) { css_url.gsub /^url\(('|")*/i, "" }
+  end
+  def _clean_rear_css_url
+    -> (css_url) { css_url.gsub /('|")*\)$/, "" }
+  end
+end

data/generica/lib/tasks/cloudrider.rake

@@ -1,7 +1,7 @@
-require Rails.root.join "lib", "generica"
 namespace :cloudrider do
   desc "Creates a default seed file using the google translate api"
   task make_translation_seed: :environment do
+    require Rails.root.join "lib", "generica"
     Generica::SeedGenerator.new.write_file
   end
 end

data/generica/lib/tasks/production.rake

@@ -7,9 +7,16 @@ namespace :production do
 
   desc "These tasks should be run everytime you restart the server"
   task on_restart: :environment do
+    Rake::Task["production:image_preload"].invoke
     Rake::Task["assets:clobber"].invoke
     Rake::Task["assets:precompile"].invoke
     Rake::Task["assets:unretardify"].invoke
     Rake::Task["elasticsearch:simple_import"].invoke
   end
+
+  desc "generates the image-preload.js file"
+  task image_preload: :environment do
+    require Rails.root.join "lib", "generica", "image_preloader"
+    Generica::ImagePreloader.new.write_preloader_js_file
+  end
 end

data/generica/spec/generica/image_preloader_spec.rb

@@ -0,0 +1,24 @@
+require "rails_helper"
+require Rails.root.join "lib", "generica", "image_preloader"
+
+describe Generica::ImagePreloader do
+  context 'sanity' do
+    subject { described_class }
+    specify { should be_present }
+  end
+end
+
+describe Generica::ImagePreloader::Context do
+  let(:context) { described_class.new }
+  context '#_clean_css_url' do
+    subject { context.send('_clean_css_url').call 'url("dog/cat/bat.jpg")' }
+    specify { should eq "dog/cat/bat.jpg" }
+  end
+  context '#_clean_css_urls' do
+    let(:css_urls) { ["url(hero-splash/dog.jpg)", "url(dogs/bag.png)"] }
+    let(:expected) { ["hero-splash/dog.jpg", "dogs/bag.png"] }
+    subject { context.send('_clean_css_urls').call css_urls }
+    specify { should eq expected }
+  end
+  
+end

data/generica/vendor/assets/javascripts/generica/image-preload.js

@@ -0,0 +1 @@
+Apiv1.ImagesToPreload = ["assets/hero-splash/albatross.jpg", "assets/hero-splash/seaweed.png", "assets/cookie-splash/albatross.jpg"];

data/lib/cloudrider/version.rb

@@ -1,3 +1,3 @@
 module Cloudrider
-  VERSION = "0.2.4"
+  VERSION = "0.2.5"
 end 

data/lib/generators/cloudrider/client/client_generator.rb

@@ -85,6 +85,7 @@ class Cloudrider::Generators::ClientGenerator < Rails::Generators::Base
       "select-locale",
       "tree-taxon-li",
       "tree-taxon-ul",
+      "preload-billboard",
       "tree-taxon-wrapper"
     ].each do |component|
       copy_file "app/assets/javascripts/templates/components/#{component}.emblem", "app/assets/javascripts/templates/components/#{component}.emblem"
@@ -106,6 +107,7 @@ class Cloudrider::Generators::ClientGenerator < Rails::Generators::Base
       "select-locale",
       "site-footer", 
       "type-ahead",
+      "preload-billboard",
       "tree-taxon-wrapper"].each do |file|
       copy_file "app/assets/stylesheets/apiv1/components/_#{file}.css.scss", "app/assets/stylesheets/apiv1/components/_#{file}.css.scss"
     end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cloudrider
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.5
 platform: ruby
 authors:
 - Thomas Chen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-11-08 00:00:00.000000000 Z
+date: 2014-11-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -143,6 +143,8 @@ files:
 - generica/app/assets/javascripts/components/form-for.js.em
 - generica/app/assets/javascripts/components/hero-splash.js.em
 - generica/app/assets/javascripts/components/introductory-lobby.js.em
+- generica/app/assets/javascripts/components/preload-billboard.js.em
+- generica/app/assets/javascripts/components/preload-image.js.em
 - generica/app/assets/javascripts/components/product-display.js.em
 - generica/app/assets/javascripts/components/product-listing.js.em
 - generica/app/assets/javascripts/components/products-catalog.js.em
@@ -204,6 +206,7 @@ files:
 - generica/app/assets/javascripts/models/taxon.js.em
 - generica/app/assets/javascripts/models/translation.js.em
 - generica/app/assets/javascripts/packages/flash.js.em
+- generica/app/assets/javascripts/packages/image_preloader.js.em
 - generica/app/assets/javascripts/packages/tranny.js.ls
 - generica/app/assets/javascripts/routes/.gitkeep
 - generica/app/assets/javascripts/routes/admin/employees/index_route.js.em
@@ -257,6 +260,7 @@ files:
 - generica/app/assets/javascripts/templates/components/hero-splash/_splash-cta.emblem
 - generica/app/assets/javascripts/templates/components/hero-splash/_splash-tagline.emblem
 - generica/app/assets/javascripts/templates/components/introductory-lobby.emblem
+- generica/app/assets/javascripts/templates/components/preload-billboard.emblem
 - generica/app/assets/javascripts/templates/components/product-display.emblem
 - generica/app/assets/javascripts/templates/components/product-listing.emblem
 - generica/app/assets/javascripts/templates/components/products-catalog.emblem
@@ -300,6 +304,7 @@ files:
 - generica/app/assets/stylesheets/apiv1/components/_flash-message.css.scss
 - generica/app/assets/stylesheets/apiv1/components/_hero-splash.css.scss
 - generica/app/assets/stylesheets/apiv1/components/_introductory-lobby.css.scss
+- generica/app/assets/stylesheets/apiv1/components/_preload-billboard.css.scss
 - generica/app/assets/stylesheets/apiv1/components/_product-display.css.scss
 - generica/app/assets/stylesheets/apiv1/components/_product-listing.css.scss
 - generica/app/assets/stylesheets/apiv1/components/_products-catalog.css.scss
@@ -455,6 +460,8 @@ files:
 - generica/db/seeds/users.rb
 - generica/lib/assets/.keep
 - generica/lib/generica.rb
+- generica/lib/generica/image-preload.js.erb
+- generica/lib/generica/image_preloader.rb
 - generica/lib/generica/locale.yml.erb
 - generica/lib/generica/seed.en.yml
 - generica/lib/generica/seed_generator.rb
@@ -492,6 +499,7 @@ files:
 - generica/spec/factories/apiv1/product_factory.rb
 - generica/spec/factories/apiv1/taxon_factory.rb
 - generica/spec/factories/base_factory.rb
+- generica/spec/generica/image_preloader_spec.rb
 - generica/spec/models/admin/pictures_factory_spec.rb
 - generica/spec/models/admin/product_factory_spec.rb
 - generica/spec/models/admin/product_modifier_spec.rb
@@ -503,6 +511,7 @@ files:
 - generica/spec/rails_helper.rb
 - generica/spec/spec_helper.rb
 - generica/vendor/assets/javascripts/.keep
+- generica/vendor/assets/javascripts/generica/image-preload.js
 - generica/vendor/assets/stylesheets/.keep
 - lib/cloudrider.rb
 - lib/cloudrider/apiv1.rb