frontendloader 0.0.3 → 0.0.4

data/README.rdoc

@@ -6,15 +6,19 @@
 
 ##Usage:
 
-  fel init
+	fel init
   
 Creates a config yaml file, where you can name files and variables, and prioritize the loading of certain scripts and styles.
 
-  fel compile
+	fel compile
   
 - Scans the directory containing FrontendLoader.yml for .less files, .mustache templates and .js scripts. 
 - Compiles the .less files down to css.
 - Joins the mustache templates into a single javascript object: templates = {}
 - Joins javascript files together (including mustache templates) and yui compresses if set in yml.
 
+    fel watch
+    
+- Watches for file changes and automatically runs fel compile 
+
 **IMPORTANT: Requires less.js & node for .less compilation: see & install http://lesscss.org/#-server-side-usage**

data/bin/fel

@@ -6,4 +6,10 @@ when "init"
   fel.init_app
 when "compile"
   fel.compile 
+when "listen"
+  fel.listen
+when "watch"
+  fel.listen
+when "--watch"
+  fel.listen
 end

data/lib/FrontEndLoader.rb

@@ -1,42 +1,41 @@
 require 'jscat'
 require 'filestojs'
 require 'yaml'
+require 'listen'
 
 class FrontendLoader
 
   attr_accessor :resources_path
+  attr_accessor :settings
 
   def initialize
-    version = '0.0.1'
+    version = '0.0.4'
     @gem_path = Gem.path[0]+"/gems/frontendloader-"+version
     @resources_path = Gem.path[0]+"/gems/frontendloader-"+version+"/resources"
+    @processors = {}
   end
 
   def init_app
-    
     if File.exists?  'FrontendLoader.yml' then
       puts "Frontend Loader already initialized"
       return false
     end
-      
     config_path = @resources_path+"/FrontendLoader.yml"
-    guard_path = @resources_path+"/Guardfile"
+    # guard_path = @resources_path+"/Guardfile"
     %x[cp #{config_path} FrontendLoader.yml]
-    %x[cp #{guard_path} Guardfile]
+    # %x[cp #{guard_path} Guardfile]
     puts "Created basic FrontendLoader app, check FrontendLoader.yml for config"
+    puts "To automatically compile upon file saves, run \"fel listen\""
   end
 
   def boilerplate
     load_settings    
   end
-  
 
   def load_settings
-    
     if  ! File.exists?  'FrontendLoader.yml' then
       init_app
     end
-    
     begin
       @settings = YAML.load_file('FrontendLoader.yml')        
       return true
@@ -46,113 +45,142 @@ class FrontendLoader
     end
   end
   
+  
   def compile
     return false unless load_settings
-    
-    #less
-    
-    less_files = Dir.glob("*.less")
 
-    if less_files.length > 0 then
-
-      less_files.delete("style.less")
-      less_string = ""
-      less_files.each { |file|
-        puts "Loading #{file}..."
-        file = file.gsub(".less","")
-        less_string = less_string + "@import '#{file}'; \n"
-        File.open('style.less','w') { |f| 
-           f.write(less_string)
-         }
-      }
-      %x[lessc style.less style.css]
-      # %x[rm style.less]
-      
+    #CSS
+    if @settings['css']['enabled'] then
+      css_source_files = Dir.glob("*.#{@settings['css']['format']}")
+      if @settings['css']['prioritize'] then
+        css_source_files = prioritize_files(css_source_files,@settings['css']['prioritize'])
+      end
+      if @settings['css']['ignore']
+        css_source_files = clean_ignored_files(css_source_files,@settings['css']['ignore'])
+      end
+      begin
+        css_processor_found = require "processors/#{@settings['css']['format']}.rb"
+      rescue Exception => e
+        puts "No processor for #{@settings['css']['format']} found"
+        css_processor_found = false
+      end
+      if css_processor_found then
+        css_processor = CSS_Processor.new
+        css_processor.process(css_source_files)
+      end
+      puts "Compiled css into css.css"
     end
     
-    
     #TEMPLATES
-
-    template_joiner = FilesToJs.new({
-      :file_dir        => '.',
-      :file_format     => @settings['templates']['format'],
-      :js_object_name  => @settings['templates']['varname'],
-      :output          => @settings['templates']['varname']+".js",
-    })
-    template_joiner.write_js
-    
-    
-    
-    #Javascript (includes joined templates)
-    
-
-    javascript = JsCat.new({
-      :js_dir => '.',
-      :prioritize => @settings['javascript']['prioritize'],
-      :ignore => ['js.js'],
-      :compress => @settings['javascript']['compress'],
-      :output => 'js.js'
-    })
-    
-    %x[rm templates.js]
+    if @settings['templates']['enabled'] then
+      template_files = Dir.glob("*.#{@settings['templates']['format']}")
+      if @settings['templates']['prioritize'] then
+        template_files = prioritize_files(template_files,@settings['templates']['prioritize'])
+      end
+      if @settings['templates']['ignore'] then
+        template_files = clean_ignored_files(template_files,@settings['templates']['ignore'])
+      end
+      templates_source = "#{@settings['templates']['varname']} = {};\n"
+      template_files.each {|file|
+        template_markup = File.read(file)
+        template_markup.gsub!("\n","")
+        template_markup.gsub!("\"","\\\"")
+        template_markup = template_markup.strip.gsub(/\s{2,}/, ' ')
+        templates_source << "#{@settings['templates']['varname']}['#{file.split('.')[0]}'] = \"#{template_markup}\";\n"
+      }
+      puts "Compiled templates into #{@settings['templates']['varname']} variable"
+    else
+      templates_source = ""
+    end
     
-    puts "Compiled into js.js and style.css"
+    #JS
+    if @settings['javascript']['enabled'] then
+      js_source_files = Dir.glob("*.js")
+      if @settings['javascript']['prioritize'] then
+        js_source_files = prioritize_files(js_source_files,@settings['javascript']['prioritize'])
+      end
+      # if @settings['javascript']['ignore'].class != Array then
+      #   @settings['javascript']['ignore'] = []
+      # end
+      if @settings['javascript']['ignore'] then
+        js_source_files = clean_ignored_files(js_source_files,(@settings['javascript']['ignore'] << 'js.js'))
+      end
+      js_source = ""
+      js_source_files.each { |file| 
+        js_source << File.read(file)+"\n"
+      }
+      js_source << templates_source
+      if @settings['javascript']['jsmin'] then
+        begin
+          jsmin = require "jsmin"
+        rescue Exception => e
+          puts "JSmin not installed"
+        end
+        if jsmin then 
+          js_source = JSMin.minify(js_source)
+        end
+      end
+      if @settings['javascript']['yui'] then
+        begin
+          yui = require "yui/compressor"          
+        rescue Exception => e
+          puts "YUI compressor gem not installed"
+        end
+        if yui then
+          compressor = YUI::JavaScriptCompressor.new
+          js_source = compressor.compress(js_source)
+        end
+      end
+      File.open('js.js','w') { |f| 
+       f.write(js_source)
+      }
+      puts "Compiled javascript into js.js"
+    end
     
   end
   
-  
-  def create_view(view_title)
-    return false unless load_settings
-        
-    style_format = @settings['css']['framework']
-    style_directory = @settings['css']['directory']
-    style_string = ".#{view_title} {
-
-    }
-    "
-    
-    if File.exists? "#{view_title}.#{@settings['css']['framework']}" then
-      puts "View already exists"
-      return false
+  def prioritize_files(files, priority_files=[],path="")
+    if priority_files.class != Array then
+      priority_files = []
     end
-    
-    
-    File.open("#{style_directory}/#{view_title}.less",'w') { |f| 
-      f.write(style_string)
-    }
-    
-    classwords = view_title.split('_')
-    classwords.each {|word|
-      word.capitalize!
-    }
-    
-    classname = classwords.join
-    
-    if classwords.last != "View" then classname = classname+"View" end
-    
-    js_directory = @settings['javascript']['directory']
-    
-    js_string = ""
-    
-    viewtemplate =  File.open("#{@resources_path}/js/mootools/View.js",'r').read
-    js_string = js_string+viewtemplate.gsub('VIEWCLASSNAME',classname).gsub('VIEWTITLE',view_title)
-
-
-    File.open("#{js_directory}/#{classname}.js",'w') { |f| 
-      f.write(js_string)
+    priority_files.uniq.each {|file|
+      if files.include? file then
+        files.delete file
+      else
+        priority_files.delete file
+      end
     }
-
-    templates_directory = @settings['templates']['directory']
-    templates_format = @settings['templates']['format']
-
-    File.open("#{templates_directory}/#{view_title}.#{templates_format}",'w') { |f| 
-      f.write("")
+    prioritized_files = priority_files + files
+    return prioritized_files
+  end
+  
+  def clean_ignored_files(files, ignored_files=[],path="")
+    if ignored_files.class != Array then
+      ignored_files = []
+    end
+    cleaned_list = []
+    ignored_files.uniq.each {|file|
+      if files.include? file then
+        files.delete file
+      end
     }
-    
+    return files
+  end
+  
 
+  def listen
+    begin
+      listener = Listen.to("./", :filter => %r{(.*).(js|css|less|scss|mustache|handlebars|html)}, :ignore => [/js.js/,/style.css/]) do
+        compile
+      end
+      listener = listener.ignore(/js.js/,/style.css/)    
+    rescue Exception => e
+      puts "\nListening stopped" 
+    end
   end
   
   
+
   
   
   

data/lib/processors/less.rb

@@ -0,0 +1,16 @@
+class CSS_Processor
+  def process(less_files)
+    if less_files.length > 0 then
+      less_files.delete("style.less")
+      less_string = ""
+      less_files.each { |file|
+        file = file.gsub(".less","")
+        less_string = less_string + "@import '#{file}'; \n"
+        File.open('style.less','w') { |f| 
+           f.write(less_string)
+         }
+      }
+      %x[lessc style.less style.css]
+    end    
+  end
+end

data/lib/processors/scss.rb

@@ -0,0 +1,15 @@
+require "sass"
+
+class CSS_Processor
+  def process(files)
+    scss_string = ""
+    files.each { |file| 
+      scss_string << File.read(file)+"\n"
+    }
+    engine = Sass::Engine.new(scss_string, :syntax => :scss)
+    css = engine.render
+    File.open('style.css','w') { |f| 
+      f.write(css)
+    }
+  end
+end

data/resources/FrontEndLoader.yml

@@ -1,23 +1,27 @@
-# FRONTENDLOADER CONFIG
+# FrontendLoader Configuration
 
 javascript:
-    framework: "mootools"
-    directory: "."
-    compress: false
+    enabled: true
+    yui: true
+    jsmin: true
     prioritize:
+      - priority.js
     ignore: 
-      -"js.js"
-
+      - ignored.js
 
 css:
-    framework: "less"
-    directory: "."
+    enabled: true
+    format: scss
     prioritize: 
+      - priority.scss
     ignore: 
-
+      - ignored.scss
       
 templates:
-    format: "mustache"
-    varname: "templates"
-    directory: "."
+    enabled: true
+    format: mustache
+    varname: templates
+    prioritize:
+      - priority.mustache
     ignore: 
+      - ignored.mustache

data/resources/Guardfile

@@ -1,6 +1,6 @@
 # FrontendLoader Guardfile
 
-ignore_paths 'js.js','templates.js', 'lfc.js'
+ignore_paths 'js.js','templates.js'
 
 guard 'shell' do
   watch(/(.*).js/) {|m| `fel compile` } 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: frontendloader
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
   prerelease: 
 platform: ruby
 authors:
@@ -12,31 +12,9 @@ bindir: bin
 cert_chain: []
 date: 2011-10-28 00:00:00.000000000Z
 dependencies:
-- !ruby/object:Gem::Dependency
-  name: jscat
-  requirement: &70154404499240 !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: 1.0.2
-  type: :runtime
-  prerelease: false
-  version_requirements: *70154404499240
-- !ruby/object:Gem::Dependency
-  name: filestojs
-  requirement: &70154404498760 !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: 1.0.1
-  type: :runtime
-  prerelease: false
-  version_requirements: *70154404498760
 - !ruby/object:Gem::Dependency
   name: guard
-  requirement: &70154404498300 !ruby/object:Gem::Requirement
+  requirement: &70147735023720 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -44,10 +22,10 @@ dependencies:
         version: 0.8.8
   type: :runtime
   prerelease: false
-  version_requirements: *70154404498300
+  version_requirements: *70147735023720
 - !ruby/object:Gem::Dependency
   name: guard-shell
-  requirement: &70154404497780 !ruby/object:Gem::Requirement
+  requirement: &70147735022900 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -55,7 +33,7 @@ dependencies:
         version: 0.2.0
   type: :runtime
   prerelease: false
-  version_requirements: *70154404497780
+  version_requirements: *70147735022900
 description: Accelerated front end development
 email: dan@explodingbox.com
 executables:
@@ -65,6 +43,8 @@ extra_rdoc_files: []
 files:
 - README.rdoc
 - lib/FrontEndLoader.rb
+- lib/processors/less.rb
+- lib/processors/scss.rb
 - resources/FrontEndLoader.yml
 - resources/Guardfile
 - bin/fel
@@ -94,3 +74,4 @@ specification_version: 3
 summary: A command line interface for rapid creation of web app interfaces, compiling
   less, js and mustache files into two requests
 test_files: []
+has_rdoc: true