arcabouco 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c3c0a87f4e4f9d8a80184108b76a6436d710d59a
-  data.tar.gz: 2cccd14159b35e932860546fbc5d28e22436ee09
+  metadata.gz: 80cb888b4be443d4b22f15fbb3dbbe5e0107e734
+  data.tar.gz: f0e8eeddc1979d7c8a5d5d3011ef5c3501e10d21
 SHA512:
-  metadata.gz: ec25aae37ccfddd695471e68f342f4b820093d5e0e194c773e9a8b9124a4cc19df0736ae3a3d7e7800289924f6ad7e940c9b7690840370c8433aabf4021fe2c9
-  data.tar.gz: 70124443e671e04b03f5e4155408a1f85184eadb5e87cf37596ca419423d2cc1716eb26680e9733541137429e828d2666ab75dbe8fd734172d8d073ab5e7d89e
+  metadata.gz: 7a819d4822c785ded6d14ee9fb6db51fdcaf07e64e8b258478da3d28bf357fa47f0700c5caa721a8790bd127a4a3e9f114d5495401cc949f23289abca2026472
+  data.tar.gz: d1587804498b4faab776e23541ef0a26722576d499729b1c3e027e4add87840438b1205a7541a780f4ced3adb5b26a58bad62da93263ec524cad4bd4b08c1afe

data/lib/arcabouco/base.rb

@@ -40,7 +40,7 @@ module Arcabouco
   mattr_accessor :asset_list
   mattr_accessor :application_name
  
-  self.asset_list = %w(app.css app.js vendor.js vendor.css *.png *.jpg *.gif *.mp3 *.wav)
+  self.asset_list = %w(app.css app.js app.vendor.js app.vendor.css *.png *.jpg *.gif *.mp3 *.wav)
   self.application_name = "Arcabouco Application"
 
   def self.setup

data/lib/arcabouco/version.rb

@@ -1,3 +1,3 @@
 module Arcabouco
-  VERSION = "0.2.0"
+  VERSION = "0.2.1"
 end

data/lib/assets/css/app.vendor.css

@@ -0,0 +1,8 @@
+/*
+ * Adding a UTF-8 Character to Fix áé
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require vendor
+*/
+

data/lib/assets/js/app.js

@@ -1,7 +1,8 @@
+//= require './core/debug'
+//= require './core/helpers'
 //= require './core/capabilities'
+//= require './core/extends'
 //= require './core/environment'
-//= require './core/debug'
-//= require './core/sound'
 //= require 'config'
 //= require './core/boot'
 //= require 'main'

data/lib/assets/js/app.vendor.js

@@ -0,0 +1,2 @@
+//= require handlebars.runtime
+//= require 'vendor'

data/lib/assets/js/core/boot.js.coffee

@@ -1,2 +1,33 @@
 app.debug "Starting WebApp Framework"
 
+app.module_load = (name) ->
+  app._bootstrap_list[name] = false
+
+app.module_ready = (name) ->
+  app._bootstrap_list[name] = true
+
+app.load_modules = ->
+  for module,status of app._bootstrap_list
+    return if status == 1
+
+  app.debug 'Loaded modules: '
+  for name of app._bootstrap_list
+    app.debug ' - ' + name
+
+  clearInterval app._bootstrap_list_loader
+  delete app._bootstrap_list
+  delete app._bootstrap_list_loader
+
+  if app.main
+    app.main()
+
+app.boot = ->
+  app.debug "Booting started..."
+  app.debug 'Detected capabilities: ' + document.documentElement.className + ' ' + navigator.oscpu + ' ' + navigator.platform + navigator.userAgent
+  app.debug 'Detected language: ' + detectLanguage()
+
+  if app.document_domain
+    document.domain = app.document_domain
+
+  app._bootstrap_list_loader = setInterval( @load_modules, 250 )
+  app.load_modules()

data/lib/assets/js/core/capabilities.js

@@ -126,86 +126,4 @@ var BrowserDetect = {
 };
 BrowserDetect.init();
 
-$( function() {
-
-  window.IS_MOBILE = false;
-  window.IS_DESKTOP = false;
-  window.IS_IOS = false;
-  window.IS_ANDROID = false;
-  window.IS_DEPRECATED_ANDROID = false;
-
-  $("html").removeClass("no-js").addClass("js");
-  $("html").removeClass("not-ready").addClass("ready");
-  if (navigator.userAgent.match(/Android/i)) { $("html").addClass("android mobile"); window.IS_MOBILE=true; window.IS_ANDROID=true; }
-  else if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i)) { $("html").addClass("ios mobile"); window.IS_MOBILE=true; window.IS_IOS=true }
-  else { $("html").addClass("desktop"); window.IS_DESKTOP=true }
-
-  $("html").addClass( BrowserDetect.browser.toLowerCase() )
-  $("html").addClass( BrowserDetect.browser.toLowerCase() + '_' + BrowserDetect.version )
-  $("html").addClass( 'os_' + BrowserDetect.OS.toLowerCase() )
-
-  var ua = navigator.userAgent;
-  if( ua.indexOf("Android") >= 0 )
-  {
-    var androidversion = parseFloat(ua.slice(ua.indexOf("Android")+8)); 
-    if (androidversion < 3)
-    {
-      $("html").addClass( 'deprecated_android' );
-      window.IS_DEPRECATED_ANDROID = true;
-    }
-  }
-
-  window.TOUCH_SUPPORT = jQuery.support.touch;
-
-  window.matchMedia = window.matchMedia || (function(doc, undefined){
-    
-    var bool,
-        docElem = doc.documentElement,
-        refNode = docElem.firstElementChild || docElem.firstChild,
-        // fakeBody required for <FF4 when executed in <head>
-        fakeBody = doc.createElement('body'),
-        div = doc.createElement('div');
-    
-    div.id = 'mq-test-1';
-    div.style.cssText = "position:absolute;top:-100em";
-    fakeBody.style.background = "none";
-    fakeBody.appendChild(div);
-    
-    return function(q){
-      
-      div.innerHTML = '&shy;<style media="'+q+'"> #mq-test-1 { width: 42px; }</style>';
-      
-      docElem.insertBefore(fakeBody, refNode);
-      bool = div.offsetWidth == 42;
-      docElem.removeChild(fakeBody);
-      
-      return { matches: bool, media: q };
-    };
-    
-  })(document);
-
-  window.HAS_MEDIAQUERY = window.matchMedia && window.matchMedia( "only all" ).matches;
-
-  function configureMediaQuery() {
-      $("body").removeClass("mq-mp"); // Mobile Portrait
-      $("body").removeClass("mq-ml"); // Mobile Landscape
-      $("body").removeClass("mq-tb"); // For Tablets
-      $("body").removeClass("mq-ls"); // For Large Screens
-      $("body").removeClass("mq-sm"); // For Small Screens
-      var queryWidth = $(window).width();
-      if (queryWidth < 480) $("body").addClass("mq-mp");
-      else if (queryWidth < 768 && queryWidth > 479) $("body").addClass("mq-mp");
-      else if (queryWidth < 1023 && queryWidth > 767) $("body").addClass("mq-tb");
-      else if (queryWidth > 768) $("body").addClass("mq-ls");
-      else if (queryWidth < 769) $("body").addClass("mq-sm");
-  }
-  
-  if (window.HAS_MEDIAQUERY) {
-    $("html").addClass("mediaquery");
-  } else {
-    configureMediaQuery();
-    $(window).resize(configureMediaQuery);
-  }
-
-});
-
+// TODO - Convert detect capabilities

data/lib/assets/js/core/debug.js.coffee

@@ -1,3 +1,4 @@
 window.app.debug = (message) ->
-  if (window.app.enable_debug)
-    console.log message
+  return unless window.app.enable_debug
+  console.log message
+

data/lib/assets/js/core/environment.js.coffee

@@ -1,9 +1,12 @@
 @app = window.app
+
+# List of Modules/Features to Load
+@app._bootstrap_list = {}
+
 # @app._routers = []
 # @app.routes = {}
 # @app.activeView = null
 # @app.ui = {}
-# @app._features = {}
 # @app.domain = ''
 @app.enable_debug = true
 

data/lib/assets/js/core/extends.coffee

@@ -0,0 +1,6 @@
+String.prototype.capitalize = ->
+  @replace( /(^|\s)([a-z])/g , (m,p1,p2) ->
+    p1+p2.toUpperCase()
+  )
+
+

data/lib/assets/js/core/helpers.js.coffee

@@ -0,0 +1,16 @@
+@getMousePos = ( event ) ->
+  if TOUCH_SUPPORT
+    touch = event.originalEvent.touches[0] || event.originalEvent.changedTouches[0]
+    cur_x = touch.pageX
+    cur_y = touch.pageY
+  else
+    cur_x = event.clientX
+    cur_y = event.clientY
+  return { x: cur_x, y: cur_y }
+
+@distanceFrom = ( x, y, x0, y0 ) ->
+  Math.sqrt((x -= x0) * x + (y -= y0) * y)
+
+@detectLanguage = ->
+  language = window.navigator.userLanguage || window.navigator.language
+  language = language.toLowerCase().replace('-','').replace('_','')

data/lib/assets/js/vendor.js

@@ -1,7 +0,0 @@
-//= require handlebars.runtime
-//= require ./vendor/jquery.js
-//= require ./vendor/underscore.js
-//= require ./vendor/backbone.js
-//= require ./vendor/async.js
-//= require ./vendor/tasks.js
-

data/lib/templates/bootstrap_code.js

@@ -1,3 +1,5 @@
+app._lastUpdate = (new Date()).getTime();
+
 function _getJSON(url,callback) {   
   var xobj = new XMLHttpRequest();
   xobj.overrideMimeType("application/json");
@@ -27,14 +29,16 @@ function _loadCSS(src)
 function bootstrapApplication()
 {
   if (app.bootstraped) return;
-  app.bootstraped = true;
   if (app.enable_debug) console.log("DEBUG: Bootstrap Application. Manifest (" + app.assets_manifest + ")");
   _getJSON( app.assets_manifest, function(data) {
-    _loadCSS( data.assets['vendor.css'] );
+    _loadCSS( data.assets['app.vendor.css'] );
     _loadCSS( data.assets['app.css'] );
-    _loadJS( data.assets['vendor.js'], function() {
+    _loadJS( data.assets['app.vendor.js'], function() {
       _loadJS( data.assets['app.js'], function() {
-        $('#application_preload_layer').remove();
+        app.boot();
+        app.bootstraped = true;
+        var el = document.getElementById('application_preload_layer');
+        el.parentNode.removeChild(el);
       });
     });
   });
@@ -48,6 +52,13 @@ function updateApplicationDownloadProgress(progress)
 
 function refreshApplicationFiles()
 {
+  // Fix to browser finding new content
+  _lastUpdate = Math.ceil( app._lastUpdate/1000 );
+  _currentUpdate = Math.ceil( (new Date()).getTime()/1000 );
+  if (app.enable_debug) console.log("DEBUG: Last Update: " + _lastUpdate);
+  if (_lastUpdate+5 < _currentUpdate) return;
+  app._lastUpdate = _currentUpdate;
+
   app.applicationCache.swapCache();
   if (app.bootstraped == false) {
     bootstrapApplication();

data/lib/templates/manifest.erb

@@ -6,7 +6,9 @@ CACHE:
 
 <% if assets['app.js'] %>/app.assets/<%= assets['app.js'].digest_path %><% end %>
 
-<% if assets['vendor.js'] %>/app.assets/<%= assets['vendor.js'].digest_path %><% end %>
+<% if assets['app.vendor.css'] %>/app.assets/<%= assets['app.vendor.css'].digest_path %><% end %>
+
+<% if assets['app.vendor.js'] %>/app.assets/<%= assets['app.vendor.js'].digest_path %><% end %>
 
 NETWORK:
 *

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: arcabouco
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Patrick Negri
@@ -296,6 +296,7 @@ files:
 - lib/arcabouco/version.rb
 - lib/assets/css/adaptative-mixins.sass
 - lib/assets/css/app.css
+- lib/assets/css/app.vendor.css
 - lib/assets/css/arcabouco-entry.sass
 - lib/assets/css/base.css
 - lib/assets/css/core.sass
@@ -304,20 +305,18 @@ files:
 - lib/assets/css/reset.sass
 - lib/assets/css/vendor.css
 - lib/assets/js/app.js
+- lib/assets/js/app.vendor.js
 - lib/assets/js/config.js.coffee
 - lib/assets/js/core/boot.js.coffee
 - lib/assets/js/core/capabilities.js
 - lib/assets/js/core/debug.js.coffee
 - lib/assets/js/core/environment.js.coffee
-- lib/assets/js/core/sound.coffee
+- lib/assets/js/core/extends.coffee
+- lib/assets/js/core/helpers.js.coffee
 - lib/assets/js/main.js
 - lib/assets/js/vendor.js
 - lib/assets/js/vendor/async.js
-- lib/assets/js/vendor/backbone.js
-- lib/assets/js/vendor/handlebars.js
-- lib/assets/js/vendor/jquery.js
 - lib/assets/js/vendor/tasks.js.coffee
-- lib/assets/js/vendor/underscore.js
 - lib/templates/bootstrap_code.js
 - lib/templates/index.html.erb
 - lib/templates/manifest.erb

data/lib/assets/js/core/sound.coffee

@@ -1,67 +0,0 @@
-class _Sound
-  format: if $.browser.webkit then ".mp3" else ".wav"
-  soundPath: "/app.assets/"
-  sound: []
-  environmentSound: null
-  maxChannels: 8
-
-  constructor: () ->
-    @sound.size = 8
-    for i in [0..7]
-      @sound[i] = null
-
-  loadSoundChannel: (name) ->
-    snd = new Audio( @soundPath + name + @format )
-    snd.preload = false
-    snd.load()
-    snd
-
-  enableDesktopLoop: ( env ) ->
-    if typeof env.loop == 'boolean'
-      env.loop = true
-    else
-      env.addEventListener( 'ended',
-        () ->
-          this.currentTime = 0
-          this.play()
-        false
-      )
-
-  playDesktop: (name, options = {}) ->
-    if options.environmentSound
-      @environmentSound.stop() if @environmentSound
-      @environmentSound = @loadSoundChannel( name )
-      @enableDesktopLoop( @environmentSound ) if options.environmentSound
-      @environmentSound.play()
-      return
-
-    aChannel = false
-    for i in [0..8]
-      if @sound[i] == null
-        aChannel = i
-        break
-      else if @sound[i] and (@sound[i].currentTime == @sound[i].duration || @sound[i].currentTime == 0)
-        aChannel = i
-        break
-
-    @sound[ aChannel ] = @loadSoundChannel( name )
-    @enableDesktopLoop( @sound[ aChannel ] ) if options.environmentSound
-    @sound[ aChannel ].play()
-
-  stopDesktop: (channel) ->
-    @sound[channel].stop() if @sound[channel] and (@sound[channel].currentTime == @sound[channel].duration || @sound[channel].currentTime == 0)
-
-  stopEnvironmentDesktop: ->
-    @environmentSound.stop() if @environmentSound
-
-  # SUPPORT CORDOVA
-  play: (name, options = {}) ->
-    @playDesktop name, options unless IS_MOBILE
-
-  stop: (channel) ->
-    @stopDesktop channel unless IS_MOBILE
-
-  stopEnvironment: ->
-    @stopEnvironmentDesktop() unless IS_MOBILE
-
-window.Sound = new _Sound()