mozaic 1.0.0 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 35980466fff36ddb7ab0a0454f497cdde5d9665abfaf2447d427376173134fd2
-  data.tar.gz: f9260f944122932705d9767deb77119cb92342cc650b23082cbc73eeda26577a
+  metadata.gz: b5fedd5a7bc9101ffd3dc4a762f95382080c62725685850e6277b5ea4d4a275c
+  data.tar.gz: cbdb9d46a98df57b58c5c65603a769076f1b1a96abcec13785d854f72580ecaa
 SHA512:
-  metadata.gz: 273f13503afde1563c9552ea1f0be5b4546f22f89457cc02df25d85a4b578be6e6c651f35074f0689c95230c4faaa5b38cab9312937136202247923dc82bc9f0
-  data.tar.gz: 337c765c07700f0b43864878bf6d21289373c9e2a16284e59625ee49b432f8c9b652f1f26134edef524cbda8a2ae28d03e0da980c7da2d19612ad03d2c073347
+  metadata.gz: 77f210d79c1edee88761405fb708f4634778c115d939d6e7110bb7404d8c25568697bc34f313d09cf2312070686d323fece89f71471eeb17ed328155bf3dd7f3
+  data.tar.gz: 7ad2e1b53b406d50d52c66d611e45203c447b49c12d4ca6bea39d3ba895d5d110f806fc9c171d3454a566fbba9e008d5f8eb2a084096b6f74e5168918f583e0c

data/CHANGELOG.md

@@ -4,6 +4,11 @@
 
 * nothing yet
 
+### 1.1.0 - 2018/01/12
+
+* features
+    * compile and include assets for components
+
 ### 1.0.0 - 2018/01/10
 
 * initial release

data/README.md

@@ -105,7 +105,7 @@ You can run custom code whenever your component gets rendered:
 
 ```ruby
 Mozaic.configure do |config|
-    config.define_component :name, lovely: true do
+    config.define_component :name, lovely: true do |options|
         options[:lovely] = !options[:lovely]
     end
 end
@@ -145,6 +145,23 @@ Here is how to access a block in your component:
 = block
 ```
 
+### Assets
+
+With Mozaic you can automatically add assets to the asset pipeline just by naming the like the component they belong to. Just require Mozaic in your application assets:
+
+```javascript
+//= require_tree ./mozaic
+```
+```css
+/*
+ *= require_tree ./mozaic
+ */
+```
+
+For instance a component with the name `'my/test/component'` can have a javascript asset located at `app/assets/javascripts/mozaic/my/test/component.js` and a stylesheet under `app/assets/stylesheets/mozaic/my/test/component.css`.
+
+**Note:** Asset files are being created automatically when using the component generator.
+
 ---
 
 ## Configuration

data/app/helpers/mozaic/component_helper.rb

@@ -8,7 +8,7 @@ module Mozaic
         end
 
         def component_wrapper name, options = {}, &block
-            content_tag class: "#{name.to_s.split('/').join(' ')} #{options[:class]}", id: options[:id] do
+            content_tag class: "mozaic--component #{name.to_s.split('/').join(' ')} #{options[:class]}", id: options[:id] do
                 capture(&block)
             end
         end

data/lib/generators/mozaic/component_generator.rb

@@ -15,6 +15,8 @@ module Mozaic
             names = options[:name].split('/')
             name = names.pop
             template 'partial.html.erb', "app/views/mozaic/#{names.join('/')}/_#{name}.html.erb"
+            template 'asset.js.erb', "app/assets/javascripts/mozaic/#{options[:name]}.js"
+            template 'asset.css.erb', "app/assets/stylesheets/mozaic/#{options[:name]}.css"
         end
 
     end

data/lib/generators/mozaic/install_generator.rb

@@ -17,5 +17,10 @@ module Mozaic
             template 'layout.html.erb', 'app/views/layouts/mozaic.html.erb'
         end
 
+        def create_assets
+            template '.keep', 'app/assets/javascripts/mozaic/.keep'
+            template '.keep', 'app/assets/stylesheets/mozaic/.keep'
+        end
+
     end
 end

data/lib/generators/templates/component/asset.css.erb

@@ -0,0 +1,2 @@
+.mozaic--component.<%= options[:name].split('/').join('.') %>
+    /* ... */

data/lib/generators/templates/component/asset.js.erb

@@ -0,0 +1,11 @@
+$(document).on( 'turbolinks:load', function() {
+    if ( $('.mozaic--component.<%= options[:name].split("/").join(".") %>').length > 0 ) {
+        <%= options[:name].split("/").each_with_index.map { |s, i| i == 0 ? s : s.capitalize }.join('') %>Init();
+    };
+});
+
+
+
+function <%= options[:name].split("/").each_with_index.map { |s, i| i == 0 ? s : s.capitalize }.join('') %>Init() {
+    // ...
+};

data/lib/mozaic/component.rb

@@ -20,7 +20,7 @@ module Mozaic
 
         def render options = {}
             self.options = self.options options
-            self.block.call unless self.block.nil?
+            self.block.call(self.options) unless self.block.nil?
         end
 
         def self.find_by_name name

data/lib/mozaic/version.rb

@@ -1,5 +1,5 @@
 module Mozaic
 
-    VERSION = '1.0.0'
+    VERSION = '1.1.0'
 
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mozaic
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.1.0
 platform: ruby
 authors:
 - Jonas Hübotter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-10 00:00:00.000000000 Z
+date: 2018-01-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -95,6 +95,8 @@ files:
 - lib/generators/mozaic/component_generator.rb
 - lib/generators/mozaic/install_generator.rb
 - lib/generators/mozaic/layout_generator.rb
+- lib/generators/templates/component/asset.css.erb
+- lib/generators/templates/component/asset.js.erb
 - lib/generators/templates/component/partial.html.erb
 - lib/generators/templates/install/initializer.rb
 - lib/generators/templates/install/layout.html.erb