mozaic 1.2.2 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b40575904ccf29394649df9c3a8490298cd7e8951480d44485f786ab1aca1293
-  data.tar.gz: 5548ccaccc83a76649c8daa7d3d9ce47415a696eb67b8523fa291ecaa7d2011a
+  metadata.gz: f789e2cfc0ac43f92060b4f602951a615faf17479d4e0f61f643578b4ca91189
+  data.tar.gz: 67f3b7234a5cea167aa72212eeccaec651c01428d0679ef8d3159bd2d0459fb0
 SHA512:
-  metadata.gz: 2e2a715d2922ff3fe9173c73615a103f3c221022fa07e35aa35a6564f9e149c2a69dcaf25d9b3a2a3acb17775e1f6a85683b93ac0c40fdad4781ff7c1cec46a5
-  data.tar.gz: 4357d59b79ab839245a3d03a0dec5a4b2e4e170098d6cd28af315e50fb22f6b251fbd303969165a9d48f1c143ddebcf2078a7aacb876bf020491c16d75aed99f
+  metadata.gz: dff84a0aec99816becec95929589677bd4dde1800319a9e41f73d3f233fdd69eeef2301ad023fdc8c69d21cf5d49b51a9144e155985be98b9acd3b81a5e67c74
+  data.tar.gz: 6d1a363cda08180be01e7a3b224052e430c5f18db5b8498ea6d0b03505211f1ea55c68efc6fb9dd47e6f2f4e66a8e0ec976af490657c8141951f7188ec4c2921

data/CHANGELOG.md

@@ -4,6 +4,11 @@
 
 * nothing yet
 
+### 2.0.0 - 2018/02/08
+
+* features
+    * added configuration options to configure webpack/ES6 usage
+
 ### 1.2.2 - 2018/02/05
 
 * bugfixes

data/README.md

@@ -157,7 +157,20 @@ Here is how to access a block in your component:
 
 ### 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:
+#### Webpack (ES6)
+
+The component generator generates asset files in your [configured](#configuration) directories.
+
+The JavaScript assets use ES6 by default. You can now import a component:
+
+```javascript
+import ComponentName from 'mozaic/component/name';
+let componentName = new ComponentName(document.querySelector('.mozaic-component.document-name'));
+```
+
+#### Sprockets
+
+With Mozaic you can automatically add assets to the asset pipeline by naming them like the component they belong to. Just require Mozaic in your application assets:
 
 ```javascript
 //= require_tree ./mozaic
@@ -185,6 +198,9 @@ end
 ```
 
 * `define_component` Define components
+* `es6` Whether generated JavaScript assets for components should use ES6 syntax or not. Accepts a boolean. Defaults to `true`.
+* `javascripts` Directory to place JavaScript assets for components in. Accepts a string. Defaults to `'app/javascript/javascripts'`.
+* `stylesheets` Directory to place styleshets for components in. Accepts a string. Defaults to `'app/javascript/stylesheets'`.
 
 ---
 

data/lib/generators/mozaic/component_generator.rb

@@ -15,8 +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"
+            template 'asset.js.erb', "#{Mozaic.configuration.javascripts}/mozaic/#{options[:name]}.js"
+            template 'asset.css.erb', "#{Mozaic.configuration.stylesheets}/mozaic/#{options[:name]}.css"
         end
 
     end

data/lib/generators/mozaic/install_generator.rb

@@ -17,10 +17,5 @@ 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

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

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

@@ -1,4 +1,12 @@
-$(document).on( 'turbolinks:load', function() {
+<% if Mozaic.configuration.es6 %>class <%= options[:name].split("/").map { |s| s.capitalize }.join('') %> {
+
+    constructor(element) {
+        // ...
+    }
+
+};
+
+export default <%= options[:name].split("/").map { |s| s.capitalize }.join('') %>;<% else %>document.addEventListener( '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();
     };
@@ -8,4 +16,4 @@ $(document).on( 'turbolinks:load', function() {
 
 function <%= options[:name].split("/").each_with_index.map { |s, i| i == 0 ? s : s.capitalize }.join('') %>Init() {
     // ...
-};
+};<% end %>

data/lib/generators/templates/install/initializer.rb

@@ -1,5 +1,12 @@
 Mozaic.configure do |config|
 
+    # Use Mozaic with Webpacker
+    # config.es6 = true
+    # Javascript asset directory
+    # config.javascripts = 'app/javascript/javascripts'
+    # Stylesheet asset directory
+    # config.stylesheets = 'app/javascript/stylesheets'
+
     # Define Mozaic components
     # config.define_component :name
 

data/lib/mozaic/configuration.rb

@@ -11,6 +11,16 @@ module Mozaic
 
     class Configuration
 
+        attr_accessor :es6
+        attr_accessor :javascripts
+        attr_accessor :stylesheets
+
+        def initialize
+            @es6 = true
+            @javascripts = 'app/javascript/javascripts'
+            @stylesheets = 'app/javascript/stylesheets'
+        end
+
         def define_component name, options = {}
             if block_given?
                 Mozaic::Component.new name.to_sym, options, &Proc.new

data/lib/mozaic/version.rb

@@ -1,5 +1,5 @@
 module Mozaic
 
-    VERSION = '1.2.2'
+    VERSION = '2.0.0'
 
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mozaic
 version: !ruby/object:Gem::Version
-  version: 1.2.2
+  version: 2.0.0
 platform: ruby
 authors:
 - Jonas Hübotter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-02-05 00:00:00.000000000 Z
+date: 2018-02-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -99,7 +99,6 @@ files:
 - lib/generators/templates/component/asset.js.erb
 - lib/generators/templates/component/partial.html.erb
 - lib/generators/templates/install/initializer.rb
-- lib/generators/templates/install/keep
 - lib/generators/templates/install/layout.html.erb
 - lib/generators/templates/layout/layout.html.erb
 - lib/mozaic.rb