rugular 0.2.9 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6e91bc2b3ee5ce6b5d97a02aff336cf6369a81f9
-  data.tar.gz: 1a571bd4c7dd643c5ffec59d1c8cdef59a02847f
+  metadata.gz: 9895febe3588522340a989787667333c945a16df
+  data.tar.gz: 6d883bbad76d22d0771a96cd3b1050e986899275
 SHA512:
-  metadata.gz: 7c30c586cffa195aa6ea9f6763fb166ff3ad06b6e6d18562cdb99a74f981cf55e2485e3269c53f3496d7810db2cb1584865d7c5ae4a28b432b635d3653318be6
-  data.tar.gz: b96d44a9cc9ad3fbf23f5f8ec172e56757c4d843e0f072b96b6df740b7264ba62f11d517e9f30d193639821ff926078bae5a15781a6383b4765c47024b971845
+  metadata.gz: 148ce01ce2a52f86e052d2ddba88a9a7e2242022a3e9b9416091e0d790c2c8eba47c47d7785b649d64a0bfc0a86270309feddc82af9700761bac6125bb3b82b2
+  data.tar.gz: dfc3206be59c680da3de8cb714ff5401973ec4dfd8b765b4f6b7df96e7ee99eedac2de52b9de6c6a89942a3be2999b435b28546b17f90a34432463afe2bb37cc

data/README.md

@@ -3,46 +3,36 @@ Status](https://circleci.com/gh/currica/rugular.svg?style=shield&circle-token=:c
 
 # Rugular
 
-Rugular is a ruby scaffolding framework to build AngularJS apps. It builds a
-minified and compressed version of a front-end into the ``./dist`` folder that
-can be served as a standalone AngularJS app. The goal of this framework is to
-create applications written with [best AngularJS
-practices](https://github.com/johnpapa/angularjs-styleguide) using
-CoffeeScript, Haml and Sass.
+Rugular is a framework to build AngularJS apps; the goal is to
+provide a rails-like interface to constructing a UI with Sass, Haml, and
+Coffeescript, and generators to create template files.
 
 ## Installation
 
-Add this line to your application's Gemfile:
-
-```ruby
-gem 'rugular'
+```bash
+gem install rugular
 ```
 
-And then execute:
-
-    $ bundle
-
-Or install it yourself as:
-
-    $ gem install rugular
-
 ## Start a new project
 
 ```bash
 rugular new <project_name>
 ```
 
-This will create the initial project template that follows [Google's Best
-Practices for an Angular App
-Structure](https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub).
+A new Rugular project contains the following folders:
+
 <pre>
+├──  .application.sass
+├──  .gitignore/
+├──  .tmp/
 ├──  bower_components/
 ├──  bower.json
 ├──  Gemfile
+├──  node_modules/
 ├──  package.json
 ├──  src/
-│   ├──  application.sass (manifest file)
 │   ├──  app/
+│   │   ├──  _app.sass
 │   │   ├──  app.module.coffee
 │   │   ├──  app.config.coffee
 │   │   ├──  app.controller.coffee
@@ -50,101 +40,128 @@ Structure](https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcu
 │   │   ├──  app.routes.coffee
 │   │   ├──  index.haml
 │   ├──  components/
-│   ├──  404.html
-│   ├──  500.html
 │   ├──  favico.ico
+│   ├──  fonts/
+│   ├──  images/
+├──  vendor/
 </pre>
 
-## Development Server
+| Folder/File Name | Description |
+| --- | --- |
+| .application.sass | A manifest sass file for development purposes |
+| .gitignore | Many of the files and folders here are not needed for source control, when deploying an application, please use the ``rugular build`` command described below |
+| .tmp | A temporary folder used for storing compiled Haml, Sass, and Coffeescript files. |
+| bower_components | A folder used by bower to install packages. |
+| bower.json | A list of packages to be installed by bower |
+| Gemfile | A way to install the ``rugular`` gem locally. This is not needed if you install ``rugular`` globally |
+| node_modules | A folder used by npm to install packages. |
+| package.json | A list of packages to be installed by npm |
+| src | A folder containing the source code unique to a rugular application.  Rugular apps are written in Haml, Coffeescript and Sass and designed to follow [Google's Best Practices for an Angular App Structure](https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub).  |
+| src/fonts and src/images | Folders to place fonts and images respectively, in a rugular application they are referenced by their relative filename, e.g.  ``src/images/logo.png`` can be linked as ``<img src='images/logo.png'></img>``
+| vendor | 3rd-party javascript, coffeescript, css, and sass files that do not come with bower management. All of these files are included before any code in src. |
 
-Rugular includes a built in server that will interpret Coffeescript/Haml/Sass
-and run a server on ``localhost:8080``. To run the server, type:
+### Rugular Generators
 
-```bash
-bundle exec rugular server
-```
+Rugular generators assist with developing apps by creating template files in
+the src directory. These are influenced by [John Papa's AngularJS Style
+Guide](https://github.com/johnpapa/angularjs-styleguide).
 
-You must have [http-server](https://github.com/nodeapps/http-server) installed.
+Each command will create a folder in the ``src/app`` directory that will
+contain the template files and new angular module file if one does not already
+exist. It will also register the angular module, by inserting its declaration
+in the appropriate spot in your application.
 
-## Running the tests
+Each command can also contain nesting instructions when you find it appropriate
+to nest angular modules. An example of nesting is given below.
+
+#### Create a Route
+
+A route refers to the files necessary to generate a URL route in an angular
+application. Rugular utilizes [Angular UI
+Router](https://github.com/angular-ui/ui-router) in its template files.
 
-### Unit Tests
+```bash
+rugular generate route <route_name>
+```
 
-Unit tests are included in the development server. To run these tests just once
-(perhaps for CI) run:
+For example, ``rugular generate route dashboard`` generates the following files:
 
 ```
-karma start karma.conf.js --single-run
+src/app/_dashboard.sass
+src/app/dashboard.controller.coffee
+src/app/dashboard.haml
+src/app/dashboard.module.coffee
+src/app/dashboard.routes.coffee
 ```
 
-### End to End tests
+In your browser, the default ui can be seen by visiting ``/dashboard``
 
-End to end tests with protractor can be run with:
+#### Creating a nested route:
 
 ```bash
-protractor
+rugular generate route admin:dashboard
 ```
 
-Please make sure you have mocha installed globally!
+generates:
 
-### Rugular Generators
+```
+src/app/admin/_dashboard.sass
+src/app/admin/dashboard.controller.coffee
+src/app/admin/dashboard.haml
+src/app/admin/dashboard.module.coffee
+src/app/admin/dashboard.routes.coffee
+```
 
-#### Create a Route
+with a new route at ``/admin/dashboard``
 
-A route creates a angular route, controller, and view in the app folder.
+#### Create a Directive
+
+A [directive](https://docs.angularjs.org/guide/directive) refers to an
+abstracted piece of DOM.
 
 ```bash
-rugular generate route <route_name>
+rugular generate directive <directive_name>
 ```
 
-This command will create a folder in the ``src/app`` directory that will
-contain a controller and service namespaced with a new module of the route
-name if one dos not already exist. It will also register the new module in the
-``app.module.js`` file.
-
-Routes can be nested in another folder representing a module. For example, to
-nest a route inside a pre-existing 'test' module, execute:
+#### Create a Factory (TODO)
 
 ```bash
-rugular generate route test:<route_name>
+rugular generate factory <factory_name>
 ```
 
-#### Create a Directive
+#### Create a Filter (TODO)
 
 ```bash
-rugular generate directive <directive_name>
+rugular generate filter <factory_name>
 ```
 
-This command will create a directive and controller namespaced with a new
-module of the feature name if one does not already exist. It will also register
-the new module in the ``app.module.js`` file.
+### Creating a component
 
-Directives can be nested in another folder representing a module like routes.
-For example, to nest a directive inside a pre-existing 'test' module, execute:
+A component refers to shareable, abstracted angular modules, that are not
+particular to your application. For instance, if you are developing a suite of
+separate applications, a common navigation bar may qualify as a component. To
+create a component, simply run any generator command with the ``-c`` option and
+the service will be created in the ``src/components`` folder.
 
-```bash
-rugular generate directive test:<directive_name>
-```
+## Development Server
 
-#### Create a Factory (TODO)
+Rugular includes a built in server that will interpret Coffeescript/Haml/Sass
+and run a server on ``localhost:5000``. To run the server, type:
 
 ```bash
-rugular generate factory <factory_name>
+bundle exec rugular server
 ```
 
-This command will create contain a factory namespaced with a new module of the
-feature name if one does not already exist. It will also register the new
-module in the ``app.module.js`` file.
+## Running the tests
 
-### Creating a component
+### During development
 
-A component refers to shareable, abstracted angular modules. To create a
-component, simply run any generator command with the ``-c`` option and the
-service will be created in the ``src/components`` folder.
+``rugular server`` runs the tests with karma. Karma watches the files in the
+``src`` directory and runs the tests on each save.
 
-## Running the Test Suite
+### Running the tests once
 
-To run the test suite just once (such as in a continuous environment) execute:
+To run these tests just once (perhaps for CI) run:
 
 ```bash
 rugular ci
@@ -152,8 +169,19 @@ rugular ci
 
 ## Building the app
 
-Rugular builds a minified, compressed version of your app in the ``/dist``
-folder. This is done for you by the ``rugular server`` command.
+To build a minified version of your app in the ``/dist`` folder execute:
+
+```bash
+rugular build
+```
+
+This will create the following files:
+
+* index.html
+* application.css (a minified version of the sass files in the src folder)
+* vendor.css (a minified version of bower_component and vendor files)
+* application.js (a minified version of the coffee files in the src folder)
+* vendor.js (a minified version of bower_component and vendor files)
 
 ## Contributing
 

data/lib/rugular/tasks/build.rb

@@ -1,4 +1,8 @@
 Dir.glob("#{__dir__}/helpers/**/*.rb").each {|file| require file}
+require 'uglifier'
+require 'coffee_script'
+require 'sass'
+require 'haml'
 
 module Rugular
   class Build < Thor::Group
@@ -8,20 +12,97 @@ module Rugular
 
     Rugular::AppChecker.check_rugular!(self.name, new.destination_root)
 
-    # TODO: build from the ./.tmp folder
-    def compile_coffeescript
-      puts CoffeeScript.compile File.read("app.coffee")
+    def create_dist_folder
+      FileUtils.mkdir_p('./dist') unless File.directory? './dist'
     end
 
-    def uglify_css
-      puts Uglifier.compile(CoffeeScript.compile File.read("app.coffee"))
+    def write_dist_index_html_file
+      File.open('dist/index.html', 'w') do |file|
+        file.write ::Haml::Engine.new(File.read('src/index.haml')).render
+      end
     end
 
-    def interpret_sass
-      template = File.load('stylesheets/sassy.sass')
-      sass_engine = Sass::Engine.new(template)
-      output = sass_engine.render
-      puts output
+    def compile_bower_javascript
+      File.open('dist/vendor.js', 'w') do |file|
+        file.write(Uglifier.compile(bower_and_vendor_javascript))
+      end
+    end
+
+    def compile_bower_stylesheets
+      File.open('dist/vendor.css', 'w') do |file|
+        file.write bower_css
+      end
+    end
+
+    def create_application_js_file
+      File.open('dist/application.js', 'w') do |file|
+        file.write(
+          Uglifier.compile(
+            javascript_files.map do |file|
+              text = File.read(file).gsub('templateUrl', 'template')
+              CoffeeScript.compile(text)
+            end.join
+          )
+        )
+      end
+    end
+
+    def inline_template_url_files
+      (Dir.glob("**/*.haml") - ["src/index.haml"]).each do |haml_file|
+        haml_html = ::Haml::Engine.new(File.read(haml_file), {}).render
+        html = haml_html.tr("\n", '').gsub("'", "\'").gsub('"', '\"')
+        html_filename = haml_file.gsub('src/', '').gsub('haml', 'html')
+        IO.write('dist/application.js', File.open('dist/application.js') do |f|
+          f.read.gsub(html_filename, html)
+        end)
+      end
+    end
+
+    def create_application_css_file
+      `sass .application.sass dist/application.css -r sass-globbing`
+    end
+
+    private
+
+    def bower_and_vendor_javascript
+      bower_javascript + vendor_javascript
+    end
+
+    def bower_javascript
+      bower_yaml.fetch('bower_components').fetch('js').map do |filename|
+        File.read('bower_components/' + filename)
+      end.join
+    end
+
+    def vendor_javascript
+      bower_yaml.fetch('vendor').fetch('coffee').map do |filename|
+        CoffeeScript.compile(File.read('vendor/' + filename))
+      end.join
+    end
+
+    def javascript_files
+      Dir.glob("src/**/*.module.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.routes.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.factory.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.controller.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.directive.coffee").sort(&reverse_nested)
+    end
+
+    def reverse_nested
+      lambda do |x, y|
+        x.scan('/').length <=> y.scan('/').length
+      end
+    end
+
+    def bower_css
+      bower_yaml.fetch('bower_components').fetch('css').map do |filename|
+        File.read('bower_components/' + filename)
+      end.join
+    end
+
+
+    def bower_yaml
+      YAML.load(File.read('src/vendor_and_bower_components.yaml'))
     end
   end
 end

data/lib/rugular/tasks/server/Procfile

@@ -1,5 +1,5 @@
-web: http-server dist
+web: http-server .tmp
 guard: bundle exec guard --guardfile=$(bundle show rugular)/lib/rugular/tasks/server/Guardfile
-sass: sass --watch --load-path src src/application.sass:dist/application.css
+sass: sass --watch .application.sass:.tmp/application.css -r sass-globbing
 karma: ./node_modules/karma/bin/karma start karma.conf
 

data/lib/rugular/tasks/server/guards/rugular.rb

@@ -1,7 +1,9 @@
-require 'haml'
-require 'coffee_script'
-require 'uglifier'
 require 'guard'
+require_relative 'rugular_haml'
+require_relative 'rugular_coffee'
+require_relative 'rugular_vendor_and_bower_components'
+require_relative 'rugular_index_html'
+require_relative 'rugular_assets'
 
 module Guard
   class Rugular < Plugin
@@ -10,126 +12,68 @@ module Guard
       super(opts)
     end
 
-    def start; true end
+    def start
+      ::RugularHaml.compile('src/index.haml')
+    end
+
     def stop; true end
     def reload; true end
 
     def run_all
-      run_on_changes('src/app/app.coffee')
+      run_on_changes(Dir.glob("src/**/*"))
     end
 
     def run_on_changes(paths)
-      paths.each do |file|
-        ::Guard::UI.info "Guard received save event for #{file}"
-
-        case file.split('.').last
-        when 'haml'   then message = compile_haml(file)
-        when 'coffee' then message = compile_coffee(file)
-        when 'yaml'   then message = compile_yaml
-        end
+      [*paths].each do |file|
+        message = case File.extname(file)
+                  when '.coffee' then ::RugularCoffee.compile(file)
+                  when '.haml'   then ::RugularHaml.compile(file)
+                  when '.yaml'   then ::RugularVendorAndBowerComponents.compile
+                  when '.png'    then ::RugularAssets.copy_image(file)
+                  when '.jpg'    then ::RugularAssets.copy_image(file)
+                  when '.ttf'    then ::RugularAssets.copy_font(file)
+                  when '.woff'   then ::RugularAssets.copy_font(file)
+                  else next 'Rugular does not know how to handle this file'
+                  end
+
+        ::RugularIndexHtml.update_javascript_script_tags
 
         ::Guard::UI.info message
       end
-    end
-
-    def run_on_removals(paths)
-      run_on_changes(paths)
-    end
-
-    private
-
-    def compile_haml(file)
-      html = ::Haml::Engine.new(File.read(file)).render
-
-      if file.include? 'src/index.haml'
-        File.open('dist/index.html', 'w') do |file|
-          file.write html
-        end
-      else
-        compile_coffee('src/app/app.module.coffee')
-      end
-
-      message = "Successfully compiled #{file} to html!\n"
     rescue StandardError => error
       handle_error_in_guard(error)
     end
 
-    def compile_coffee(file)
-      CoffeeScript.compile(file)
-
-      File.open('dist/application.js', 'w') do |file|
-        file.write(
-          javascript_files.map do |file|
-            text = File.read(file).gsub('templateUrl', 'template')
-            CoffeeScript.compile(text)
-          end.join
-        )
-      end
-
-      # Inline templates into javascript
-      (Dir.glob("**/*.haml") - ["src/index.haml"]).each do |haml_file|
-        haml_html = ::Haml::Engine.new(File.read(haml_file), {}).render
-        html = haml_html.tr("\n", '').gsub('"', '\"')
-        html_filename = haml_file.gsub('src/', '').gsub('haml', 'html')
-        IO.write('dist/application.js', File.open('dist/application.js') do |f|
-          f.read.gsub(html_filename, html)
-        end)
-      end
-
-      message = "Successfully compiled #{file} to js!\n"
-    rescue StandardError => error
-      handle_error_in_guard(error)
-    end
+    def run_on_removals(paths)
+      [*paths].each do |file|
+        ::Guard::UI.info "Guard received delete event for #{file}"
+
+        message = case File.extname(file)
+                  when '.coffee' then ::RugularCoffee.delete(file)
+                  when '.haml'   then ::RugularHaml.delete(file)
+                  when '.png'    then ::RugularAssets.delete_image(file)
+                  when '.jpg'    then ::RugularAssets.delete_image(file)
+                  when '.ttf'    then ::RugularAssets.delete_font(file)
+                  when '.woff'   then ::RugularAssets.delete_font(file)
+                  when '.yaml'
+                    then fail 'what are you doing? trying to break rugular?!'
+                  else next 'Rugular does not know how to handle this file'
+                  end
+
+        ::RugularIndexHtml.update_javascript_script_tags
 
-    def compile_yaml
-      File.open("dist/bower_components.css", 'w') do |file|
-        file.write bower_css
-      end
-      File.open("dist/bower_components.js", 'w') do |file|
-        file.write Uglifier.compile(bower_javascript)
+        ::Guard::UI.info message
       end
-
-      message = 'Successfully created bower_component dist files'
     rescue StandardError => error
       handle_error_in_guard(error)
     end
 
-    def bower_css
-      bower_yaml.fetch('css').map do |filename|
-        File.read('bower_components/' + filename)
-      end.join
-    end
-
-    def bower_javascript
-      bower_yaml.fetch('js').map do |filename|
-        File.read('bower_components/' + filename)
-      end.join
-    end
-
-    def bower_yaml
-      YAML.load(File.read('src/bower_components.yaml'))
-    end
+    private
 
     def handle_error_in_guard(error)
-      message = "#{error.message}"
-      ::Guard::UI.error message
+      ::Guard::UI.error error.message
       throw :task_has_failed
     end
-
-    def javascript_files
-      Dir.glob("**/*.module.coffee").sort(&reverse_nested) +
-        Dir.glob("**/*.routes.coffee").sort(&reverse_nested) +
-        Dir.glob("**/*.factory.coffee").sort(&reverse_nested) +
-        Dir.glob("**/*.controller.coffee").sort(&reverse_nested) +
-        Dir.glob("**/*.directive.coffee").sort(&reverse_nested)
-    end
-
-    def reverse_nested
-      lambda do |x, y|
-        x.scan('/').length <=> y.scan('/').length
-      end
-    end
-
   end
 end
 

data/lib/rugular/tasks/server/guards/rugular_assets.rb

@@ -0,0 +1,19 @@
+class RugularAssets
+  def self.copy_image(file)
+    FileUtils.mkdir('.tmp/images') unless File.directory? '.tmp/images'
+    FileUtils.cp(file, ".tmp/images/#{File.basename(file)}")
+  end
+
+  def self.copy_font(file)
+    FileUtils.mkdir('.tmp/fonts') unless File.directory? '.tmp/fonts'
+    FileUtils.cp(file, ".tmp/fonts/#{File.basename(file)}")
+  end
+
+  def self.delete_image(file)
+    FileUtils.rm(".tmp/images/#{File.basename(file)}")
+  end
+
+  def self.delete_font(file)
+    FileUtils.rm(".tmp/fonts/#{File.basename(file)}")
+  end
+end

data/lib/rugular/tasks/server/guards/rugular_coffee.rb

@@ -0,0 +1,55 @@
+require 'coffee_script'
+
+class RugularCoffee
+  def self.compile(coffee_file)
+    new(coffee_file).compile
+  end
+
+  def self.delete(coffee_file)
+    new(coffee_file).delete
+  end
+
+  def initialize(coffee_file)
+    @coffee_file = coffee_file
+  end
+
+  def compile
+    write_tmp_file
+
+    "Successfully compiled #{coffee_file} to html!\n"
+  end
+
+  def delete
+    FileUtils.rm(tmp_file)
+
+    "Sucessfully removed #{tmp_file}\n"
+  end
+
+  private
+
+  attr_reader :coffee_file
+
+  def javascript
+    @_javascript ||= CoffeeScript.compile(File.open(coffee_file))
+  end
+
+  def tmp_file
+    coffee_file.gsub('src', '.tmp').gsub('coffee', 'js')
+  end
+
+  def write_tmp_file
+    create_tmp_folder
+
+    File.open(tmp_file, 'w', &write_javascript)
+  end
+
+  def create_tmp_folder
+    dirname = File.dirname(tmp_file)
+
+    FileUtils.mkdir_p(dirname) unless File.directory? dirname
+  end
+
+  def write_javascript
+    ->(file) { file.write javascript }
+  end
+end

data/lib/rugular/tasks/server/guards/rugular_haml.rb

@@ -0,0 +1,55 @@
+require 'haml'
+
+class RugularHaml
+  def self.compile(haml_file)
+    new(haml_file).compile
+  end
+
+  def self.delete(haml_file)
+    new(haml_file).delete
+  end
+
+  def initialize(haml_file)
+    @haml_file = haml_file
+  end
+
+  def compile
+    write_tmp_file
+
+    "Successfully compiled #{haml_file} to html!\n"
+  end
+
+  def delete
+    FileUtils.rm(tmp_file)
+
+    "Sucessfully removed #{tmp_file}\n"
+  end
+
+  private
+
+  def html
+    @_html ||= ::Haml::Engine.new(File.read(haml_file)).render
+  end
+
+  attr_reader :haml_file
+
+  def tmp_file
+    haml_file.gsub('src', '.tmp').gsub('haml', 'html')
+  end
+
+  def write_tmp_file
+    create_tmp_folder
+
+    File.open(tmp_file, 'w', &write_html)
+  end
+
+  def write_html
+    ->(file) { file.write html }
+  end
+
+  def create_tmp_folder
+    dirname = File.dirname(tmp_file)
+
+    FileUtils.mkdir_p(dirname) unless File.directory? dirname
+  end
+end

data/lib/rugular/tasks/server/guards/rugular_index_html.rb

@@ -0,0 +1,66 @@
+require 'nokogiri'
+
+class RugularIndexHtml
+  def self.update_javascript_script_tags
+    new.update_javascript_script_tags
+  end
+
+  def initialize; end
+
+  def update_javascript_script_tags
+    remove_application_javascript_tags
+
+    add_javascript_files
+
+    File.open('.tmp/index.html', 'w') { |file| file.write application_html }
+  end
+
+  private
+
+  def remove_application_javascript_tags
+    application_javascript_node.children.remove
+  end
+
+  def add_javascript_files
+    application_javascript_node.children = javascript_file_script_tags
+  end
+
+  def javascript_file_script_tags
+    Nokogiri::XML::NodeSet.new(
+      application_html,
+      javascript_files.map(&convert_to_script_tag)
+    )
+  end
+
+  def javascript_files
+    Dir.glob("src/**/*.module.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.routes.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.factory.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.controller.coffee").sort(&reverse_nested) +
+      Dir.glob("src/**/*.directive.coffee").sort(&reverse_nested)
+  end
+
+  def reverse_nested
+    lambda do |x, y|
+      x.scan('/').length <=> y.scan('/').length
+    end
+  end
+
+  def convert_to_script_tag
+    lambda do |javascript_file|
+      tmp_filename = javascript_file.gsub('src', '').gsub('coffee', 'js')
+
+      Nokogiri::XML::Node.new 'script', application_html do |node|
+        node['src'] = tmp_filename
+      end
+    end
+  end
+
+  def application_html
+    @_html ||= Nokogiri::HTML(File.read('.tmp/index.html'))
+  end
+
+  def application_javascript_node
+    application_html.at_css('.application_javascript')
+  end
+end

data/lib/rugular/tasks/server/guards/rugular_vendor_and_bower_components.rb

@@ -0,0 +1,51 @@
+require 'uglifier'
+require 'coffee_script'
+
+class RugularVendorAndBowerComponents
+  def self.compile
+    new.compile
+  end
+
+  def initialize; end
+
+  def compile
+    File.open('.tmp/vendor.css', 'w') do |file|
+      file.write bower_css
+    end
+    File.open('.tmp/vendor.js', 'w') do |file|
+      file.write(Uglifier.compile(bower_and_vendor_javascript))
+    end
+
+    message = 'Successfully created vendor asset files'
+  rescue StandardError => error
+    handle_error_in_guard(error)
+  end
+
+  private
+
+  def bower_and_vendor_javascript
+    bower_javascript + vendor_javascript
+  end
+
+  def bower_css
+    bower_yaml.fetch('bower_components').fetch('css').map do |filename|
+      File.read('bower_components/' + filename)
+    end.join
+  end
+
+  def bower_javascript
+    bower_yaml.fetch('bower_components').fetch('js').map do |filename|
+      File.read('bower_components/' + filename)
+    end.join
+  end
+
+  def vendor_javascript
+    bower_yaml.fetch('vendor').fetch('coffee').map do |filename|
+      CoffeeScript.compile(File.read('vendor/' + filename))
+    end.join
+  end
+
+  def bower_yaml
+    YAML.load(File.read('src/vendor_and_bower_components.yaml'))
+  end
+end

data/lib/rugular/tasks/server.rb

@@ -12,6 +12,13 @@ module Rugular
       "(set in lib/rugular/tasks/server/Procfile)"
     )
 
+    def add_template_application_sass_file
+      FileUtils.cp(
+        "#{lib_directory}/templates/server/application.sass",
+        "#{destination_root}/.application.sass"
+      )
+    end
+
     def start_server
       system(
         "bundle exec foreman start --color --root=#{destination_root} " \
@@ -24,5 +31,9 @@ module Rugular
     def rugular_procfile
       "#{__dir__}/server/Procfile"
     end
+
+    def lib_directory
+      __dir__.chomp('tasks')
+    end
   end
 end

data/lib/rugular/templates/directive/_app.sass.erb

@@ -1,2 +1 @@
-body
-  background-color: red
+// Add your directive styles here

data/lib/rugular/templates/directive/app.directive.coffee.erb

@@ -8,11 +8,10 @@ angular.module('<%= name %>').controller('<%= name %>Controller', <%= name %>Con
 
 <%= name %> = ->
   directive =
-    bindToController: true
     controller: <%= name %>Controller
     controllerAs: 'vm'
     restrict: 'E'
-    templateUrl: 'components/<%= name %>/<%= name %>.html'
+    templateUrl: "components/<%= name %>/<%= name %>.html"
     scope:
       number: '='
 

data/lib/rugular/templates/new/src/app/app.routes.coffee

@@ -3,7 +3,7 @@ AppRouting = ($stateProvider, $urlRouterProvider) ->
 
   $stateProvider.state 'root',
     url: '/'
-    templateUrl: './app/app.html'
+    templateUrl: "app/app.html"
     controller: 'AppController'
     controllerAs: 'app'
 

data/lib/rugular/templates/new/src/app/app.sass

@@ -1,2 +1 @@
-body
-  background-color: red
+// Add styles for your module here

data/lib/rugular/templates/new/src/index.haml

@@ -5,7 +5,6 @@
 
     -# add a list of bower css and javascript files you wish to include in the
     -# bower_components.yml file
-
     %link(href='bower_components.css', media='screen', rel='stylesheet')
     %link(href='application.css', media='screen', rel='stylesheet')
 
@@ -14,5 +13,7 @@
 
     %ui-view
 
+    -# Do not change these two lines, the application.js file is the manifest
+    -# file in dist
     %script(src='bower_components.js')
     %script(src='application.js')

data/lib/rugular/templates/new_erb/bower.json.erb

@@ -4,7 +4,7 @@
   "description": "",
   "authors": [
   ],
-  "license": "MIT",
+  "license": "Copyright by the code's authors on the master branch of this repository",
   "homepage": "",
   "ignore": [
     "**/.*",

data/lib/rugular/templates/new_erb/package.json.erb

@@ -9,6 +9,7 @@
     "coffee-script": "*",
     "debug": "*",
     "jshint-stylish": "*",
+    "http-server": "*",
     "karma": "*",
     "karma-chai": "*",
     "karma-chai-sinon": "*",

data/lib/rugular/templates/route/_app.sass.erb

@@ -1,2 +1 @@
-body
-  background-color: red
+// Add styles to your route here

data/lib/rugular/templates/route/app.routes.coffee.erb

@@ -1,7 +1,7 @@
 <%= name %>Routing = ($stateProvider) ->
-  $stateProvider.state '<%= name %>',
-    url: '/<%= name %>'
-    templateUrl: '/app/<%= name %>/<%= name %>.html'
+  $stateProvider.state 'root.<%= name %>',
+    url: '<%= name %>'
+    templateUrl: "app/<%= name %>/<%= name %>.html"
     controller: '<%= name %>Controller'
     controllerAs: '<%= name %>'
 

data/lib/rugular/templates/server/application.sass

@@ -0,0 +1,2 @@
+@import "vendor/**/*"
+@import "src/**/*"

data/lib/rugular/version.rb

@@ -1,3 +1,3 @@
 module Rugular
-  VERSION = '0.2.9'
+  VERSION = '0.4.0'
 end

data/rugular.gemspec

@@ -26,8 +26,8 @@ Gem::Specification.new do |spec|
   spec.add_runtime_dependency 'uglifier',      '~> 2'
   spec.add_runtime_dependency 'foreman',       '~> 0'
   spec.add_runtime_dependency 'thor',          '~> 0'
-  spec.add_runtime_dependency 'bourbon',       '~> 4'
-  spec.add_runtime_dependency 'neat',          '~> 1'
+  spec.add_runtime_dependency 'sass-globbing', '~> 1'
+  spec.add_runtime_dependency 'nokogiri',      '~> 1'
 
   spec.add_development_dependency 'aruba',  '~> 0'
   spec.add_development_dependency 'byebug', '~> 3'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rugular
 version: !ruby/object:Gem::Version
-  version: 0.2.9
+  version: 0.4.0
 platform: ruby
 authors:
 - Nicholas Shook
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-16 00:00:00.000000000 Z
+date: 2015-01-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -137,21 +137,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: bourbon
+  name: sass-globbing
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4'
+        version: '1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4'
+        version: '1'
 - !ruby/object:Gem::Dependency
-  name: neat
+  name: nokogiri
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
@@ -256,6 +256,11 @@ files:
 - lib/rugular/tasks/server/Guardfile
 - lib/rugular/tasks/server/Procfile
 - lib/rugular/tasks/server/guards/rugular.rb
+- lib/rugular/tasks/server/guards/rugular_assets.rb
+- lib/rugular/tasks/server/guards/rugular_coffee.rb
+- lib/rugular/tasks/server/guards/rugular_haml.rb
+- lib/rugular/tasks/server/guards/rugular_index_html.rb
+- lib/rugular/tasks/server/guards/rugular_vendor_and_bower_components.rb
 - lib/rugular/templates/directive/_app.sass.erb
 - lib/rugular/templates/directive/app.directive.coffee.erb
 - lib/rugular/templates/directive/app.directive.spec.coffee.erb
@@ -285,6 +290,7 @@ files:
 - lib/rugular/templates/route/app.haml.erb
 - lib/rugular/templates/route/app.module.coffee.erb
 - lib/rugular/templates/route/app.routes.coffee.erb
+- lib/rugular/templates/server/application.sass
 - lib/rugular/version.rb
 - rugular.gemspec
 homepage: http://rugular.info