zfben_libjs 0.0.26 → 0.0.27

data/README.md

@@ -0,0 +1,141 @@
+# Lib.js
+
+Lib.js = Frontend build tool + lazyload js tool
+
+## Getting Started
+
+```bash
+  gem install zfben_libjs
+  
+  libjs new < project_name >
+```
+
+## Feature:
+
+* lazyload css and js files (base on LazyLoad.js)
+* minify css and js files (base on sass and uglifier)
+* support sass, scss, compass and coffeescript files
+* download remote files
+* custom ruby script
+* custom filetype
+* before and after events
+* custom routes
+
+## Support Filetype:
+
+* .css    -   stylesheet
+
+* .js     -   javascript
+
+* .sass   -   sass
+
+* .scss   -   scss
+
+* .coffee -   coffeescript
+
+* .rb     -   ruby
+
+* .???    -   custom filetype
+
+## Javascript Example
+```javascript
+  // load jquery
+  lib.jquery(function(){
+    // something use jquery to do
+  });
+  
+  // load jqueryui and not duplicate load jquery
+  lib.jqueryui(function(){
+    // something use jqueryui to do
+  });
+  
+  // and you can load like
+  lib('jquery', function(){
+    // use jquery to do sth.
+  });
+  
+  lib('jquery underscore', function(){
+    // use jquery and underscore to do sth.
+  });
+```
+## Rails Example
+```ruby
+  # Gemfile
+  gem 'zfben_libjs'
+```
+```erb
+  # layout.html.erb
+
+  <%= lib %>
+  # => <script src="/javascripts/lib.js?12345678"></script>
+  
+  <%= lib :home %>
+  # => <script src="/javascripts/lib.js?12345678"></script><script>lib('home')</script>
+
+  <%= lib 'home.css' %>
+  # => <link rel="stylesheet" href="/stylesheets/home.css?12345678" /><script src="/javascripts/lib.js?12345678"></script>
+
+  <%= lib 'home.js' %>
+  # => <script src="/javascripts/home.js?12345678"></script><script src="/javascripts/lib.js?12345678"></script>
+```
+## Sinatra Example
+```ruby
+  helpers Zfben_libjs::Helpers
+```
+
+## Custom Filetype Example
+```yaml
+# add support_source to config yaml file
+support_source:
+  - mustache.rb
+```
+```ruby
+# mustache.rb
+class Zfben_libjs::Mustache < Zfben_libjs::Source
+  def after_initialize
+    @source = "this['#{File.basename(@filepath, '.mustache')}']=(data)->Mustache.to_html('''#{@source}''', data)"
+  end
+  
+  def compile
+    Zfben_libjs::Coffee.new(:source => @source).compile
+  end
+  
+  def to_js
+    compile
+  end
+  
+  def minify
+    @minified = Zfben_libjs::Js.new(:source => @source).minify
+  end
+end
+```
+
+## Routes
+```yaml
+# add routes to config yaml file
+routes:
+  "#Test_StringRoute": route_string
+  "/#Test_RegExpRoute/": route_regexp
+```
+
+## More Settings
+
+See https://github.com/benz303/zfben_libjs/blob/master/test.yml
+
+## TODO
+
+### libjs
+* Make lib() return as defferred object
+* Add ready event
+
+### Compile
+* Support Zfben_libjs::Libjs.new.build!(url)
+* Support auto-compile when file changed
+* Auto merge sass and scss to speed up compile
+* Lazyload files to speed up load
+* Add debug mode for javascript
+* * use console.log(filepath)
+
+### Web Service
+* Use sinatra as web server
+* UI for control compile

data/Rakefile

@@ -1,6 +1,5 @@
 require 'rubygems'
 require 'bundler/gem_tasks'
-
 require 'zfben_hanoi'
 
 namespace :test do

data/lib/zfben_libjs/helpers.rb

@@ -34,10 +34,19 @@ module Zfben_libjs::Helpers
   end
 
   def lib_js url
-    return "<script src='/javascripts/#{url}#{Lib_version}'></script>"
+    return "<script src='#{asset_host}/javascripts/#{url}#{Lib_version}'></script>"
   end
 
   def lib_css url
-    return "<link rel='stylesheet' href='/stylesheets/#{url}#{Lib_version}' />"
+    return "<link rel='stylesheet' href='#{asset_host}/stylesheets/#{url}#{Lib_version}' />"
+  end
+
+  def asset_host
+    if defined? Rails
+      if Rails.configuration.action_controller.has_key? :asset_host
+        return Rails.configuration.action_controller[:asset_host] + (request.port == 80 ? '' : (':' << request.port.to_s))
+      end
+    end
+    ''
   end
 end

data/lib/zfben_libjs/support_source/css.rb

@@ -36,13 +36,14 @@ class Zfben_libjs::Css < Zfben_libjs::Source
   end
   
   def change_images_url!
+    version = Time.now.strftime('?%s')
     @source = @source.partition_all(REGEXP_REMOTE_IMAGE).map{ |line|
       if REGEXP_REMOTE_IMAGE =~ line
         path = line.match(REGEXP_REMOTE_IMAGE)[1]
         filename = File.basename(path)
         path = File.join(@options['src/images'], filename)
         if File.exists?(path)
-          url = @options['url/images'] + '/' + filename
+          url = @options['url/images'] + '/' + filename + version
           line = 'url("' << url << '")'
         end
       end

data/test/custom_filetype.mustache

@@ -0,0 +1 @@
+<h1>{{title}}</h1>

data/test/javascript/lib_test.js

@@ -55,7 +55,9 @@ test('lib.libs', 6, function(){
     route_string: [ '/javascripts/route_string.js' ],
     route_regexp: [ '/javascripts/route_regexp.js' ],
     jquery: [ '/javascripts/jquery.js' ],
-    jqueryui: [ '/javascripts/jquery.js', '/stylesheets/jqueryui.css', '/javascripts/jqueryui.js' ]
+    jqueryui: [ '/javascripts/jquery.js', '/stylesheets/jqueryui.css', '/javascripts/jqueryui.js' ],
+    mustache: [ '/javascripts/mustache.js' ],
+    custom_filetype: [ '/javascripts/mustache.js', '/javascripts/custom_filetype.js' ]
   }, 'lib.libs is ok');
   
   equal(typeof lib.lazyload, 'function', 'lib.lazyload is a function');
@@ -72,6 +74,8 @@ test('lib.libs', 6, function(){
     route_regexp: [ '/javascripts/route_regexp.js' ],
     jquery: [ '/javascripts/jquery.js' ],
     jqueryui: [ '/javascripts/jquery.js', '/stylesheets/jqueryui.css', '/javascripts/jqueryui.js' ],
+    mustache: [ '/javascripts/mustache.js' ],
+    custom_filetype: [ '/javascripts/mustache.js', '/javascripts/custom_filetype.js' ],
     test: 'test'
   }, "lib.libs({test: 'test'}) has been added");
   
@@ -88,7 +92,9 @@ test('lib.libs', 6, function(){
     route_string: [ '/javascripts/route_string.js' ],
     route_regexp: [ '/javascripts/route_regexp.js' ],
     jquery: [ '/javascripts/jquery.js' ],
-    jqueryui: [ '/javascripts/jquery.js', '/stylesheets/jqueryui.css', '/javascripts/jqueryui.js' ]
+    jqueryui: [ '/javascripts/jquery.js', '/stylesheets/jqueryui.css', '/javascripts/jqueryui.js' ],
+    mustache: [ '/javascripts/mustache.js' ],
+    custom_filetype: [ '/javascripts/mustache.js', '/javascripts/custom_filetype.js' ]
   }, "lib.libs({test: null}) has been deleted");
   
   equal(typeof lib.test, 'undefined', 'lib.test is undefined');
@@ -157,3 +163,12 @@ asyncTest('RegExp route', 1, function(){
     start();
   }, 1000);
 });
+
+module('Custom Filetype');
+
+asyncTest('mustache', 1, function(){
+  lib('custom_filetype', function(){
+    equal(custom_filetype({title: 'Hello'}), '<h1>Hello</h1>', 'Mustache is ok');
+    start();
+  });
+});

data/test/mustache.rb

@@ -0,0 +1,17 @@
+class Zfben_libjs::Mustache < Zfben_libjs::Source
+  def after_initialize
+    @source = "this['#{File.basename(@filepath, '.mustache')}']=(data)->Mustache.to_html('''#{@source}''', data)"
+  end
+  
+  def compile
+    Zfben_libjs::Coffee.new(:source => @source).compile
+  end
+  
+  def to_js
+    compile
+  end
+  
+  def minify
+    @minified = Zfben_libjs::Js.new(:source => @source).minify
+  end
+end

data/test.yml

@@ -4,6 +4,10 @@ config:
   download: false       # if file isn't exists, it will be downloaded always
   changeImageUrl: true  # change image urls in css
 
+# Custom Filetypes
+support_source:
+  - test/mustache.rb
+
 # Files to be download and writen in lib.js
 libs:
   support_filetype: test/support_filetype/*
@@ -23,6 +27,11 @@ libs:
     - https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js
     - https://raw.github.com/jquery/jquery-ui/master/themes/base/jquery.ui.all.css
 
+  mustache: https://raw.github.com/janl/mustache.js/master/mustache.js
+  custom_filetype:
+    - mustache
+    - test/custom_filetype.mustache
+
 routes:
   "#Test_StringRoute": route_string
   "/#Test_RegExpRoute/": route_regexp

data/zfben_libjs.gemspec

@@ -3,7 +3,7 @@ $:.push File.expand_path("../lib", __FILE__)
 
 Gem::Specification.new do |s|
   s.name        = 'zfben_libjs'
-  s.version     = '0.0.26'
+  s.version     = '0.0.27'
   s.authors     = ["Ben"]
   s.email       = ["ben@zfben.com"]
   s.homepage    = "https://github.com/benz303/zfben_libjs"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: zfben_libjs
 version: !ruby/object:Gem::Version
-  version: 0.0.26
+  version: 0.0.27
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-09-22 00:00:00.000000000Z
+date: 2011-10-27 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rainbow
-  requirement: &13459540 !ruby/object:Gem::Requirement
+  requirement: &21486400 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *13459540
+  version_requirements: *21486400
 - !ruby/object:Gem::Dependency
   name: json
-  requirement: &13455860 !ruby/object:Gem::Requirement
+  requirement: &21485940 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *13455860
+  version_requirements: *21485940
 - !ruby/object:Gem::Dependency
   name: compass
-  requirement: &13386320 !ruby/object:Gem::Requirement
+  requirement: &21485520 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *13386320
+  version_requirements: *21485520
 - !ruby/object:Gem::Dependency
   name: coffee-script
-  requirement: &13383200 !ruby/object:Gem::Requirement
+  requirement: &21485040 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *13383200
+  version_requirements: *21485040
 - !ruby/object:Gem::Dependency
   name: uglifier
-  requirement: &13381060 !ruby/object:Gem::Requirement
+  requirement: &21484620 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *13381060
+  version_requirements: *21484620
 - !ruby/object:Gem::Dependency
   name: activesupport
-  requirement: &13348780 !ruby/object:Gem::Requirement
+  requirement: &21484020 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,10 +76,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *13348780
+  version_requirements: *21484020
 - !ruby/object:Gem::Dependency
   name: zfben_hanoi
-  requirement: &13346760 !ruby/object:Gem::Requirement
+  requirement: &21483480 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -87,7 +87,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *13346760
+  version_requirements: *21483480
 description: ''
 email:
 - ben@zfben.com
@@ -97,7 +97,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - .gitignore
-- README.rdoc
+- README.md
 - Rakefile
 - bin/libjs
 - lib/zfben_libjs.rb
@@ -116,11 +116,13 @@ files:
 - lib/zfben_libjs/support_source/sass.rb
 - lib/zfben_libjs/support_source/scss.rb
 - test.yml
+- test/custom_filetype.mustache
 - test/javascript/assets/callback.js
 - test/javascript/fixtures/lib_fixtures.html
 - test/javascript/lib_test.js
 - test/javascript/templates/test_case.erb
 - test/load_times.js
+- test/mustache.rb
 - test/route_regexp.js
 - test/route_string.js
 - test/ruby/build_test.rb

data/README.rdoc

@@ -1,87 +0,0 @@
-= Lib.js
-
-Lib.js = Frontend build tool + lazyload js tool
-
-== Getting Started
-
- 1. Install zfben_libjs
-
-  gem install zfben_libjs
-
- 2. Create new libjs project
-
-  libjs new
-
-== Feature:
-
-lazyload css and js files (base on LazyLoad.js)
-
-support css, js and images files
-
-support sass, scss, compass and coffeescript files
-
-support local files and remote files
-
-support custom ruby script
-
-support minify css and js files (base on sass and uglifier)
-
-support before and after events
-
-== Support Filetype:
-
-.css    -   stylesheet
-
-.js     -   javascript
-
-.sass   -   sass
-
-.scss   -   scss
-
-.coffee -   coffeescript
-
-.rb     -   ruby
-
-== Javascript Example
-
-  // load jquery
-  lib.jquery(function(){
-    // something use jquery to do
-  });
-  
-  // load jqueryui and not duplicate load jquery
-  lib.jqueryui(function(){
-    // something use jqueryui to do
-  });
-  
-  // and you can load like
-  lib('jquery', function(){
-    // use jquery to do sth.
-  });
-  
-  lib('jquery underscore', function(){
-    // use jquery and underscore to do sth.
-  });
-
-== Rails Example
-
-  # Gemfile
-  gem 'zfben_libjs'
-
-  # layout.html.erb
-
-  <%= lib %>
-  # => <script src="/javascripts/lib.js?12345678"></script>
-  
-  <%= lib :home %>
-  # => <script src="/javascripts/lib.js?12345678"></script><script>lib('home')</script>
-
-  <%= lib 'home.css' %>
-  # => <link rel="stylesheet" href="/stylesheets/home.css?12345678" /><script src="/javascripts/lib.js?12345678"></script>
-
-  <%= lib 'home.js' %>
-  # => <script src="/javascripts/home.js?12345678"></script><script src="/javascripts/lib.js?12345678"></script>
-
-== Sinatra
-
-  helpers Zfben_libjs::Helpers