voom-presenters 0.2.0 → 2.0.0

data/Gemfile.lock

@@ -1,72 +1,103 @@
+GIT
+  remote: https://github.com/rx/chart_presenter_plugin.git
+  revision: e2afb1cf0292ea92371cfc83be16b2ad95dee26d
+  specs:
+    chart_presenter_plugin (0.1.0)
+
+GIT
+  remote: https://github.com/rx/foo_presenter_plugin.git
+  revision: 313dddfef05f740990c509b89831b69730b4ce12
+  specs:
+    foo_presenter_plugin (0.0.1)
+
+GIT
+  remote: https://github.com/rx/image_crop_presenter_plugin.git
+  revision: c0814ffa5a0f40fd15d697e72a5bd4c9e4117d1e
+  specs:
+    image_crop_presenter_plugin (0.1.0)
+
 PATH
   remote: .
   specs:
-    voom-presenters (0.2.0)
+    voom-presenters (1.0.0)
       dry-configurable (> 0.1, <= 7.0)
       dry-container (~> 0.6)
       dry-inflector (~> 0.1)
+      filewatcher (~> 1.1.1)
       ice_nine (~> 0.11)
       redcarpet (~> 3.4)
       sinatra (>= 1.4, < 3.0)
-      tzinfo (~> 1.2)
+      tzinfo (>= 1.1, < 3.0)
       tzinfo-data (~> 1.2018)
+      zeitwerk (~> 2.1)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    childprocess (0.9.0)
-      ffi (~> 1.0, >= 1.0.11)
+    childprocess (3.0.0)
     coderay (1.1.2)
-    concurrent-ruby (1.1.3)
+    concurrent-ruby (1.1.7)
     diff-lcs (1.3)
     docile (1.3.1)
-    dry-configurable (0.7.0)
+    dry-configurable (0.11.6)
       concurrent-ruby (~> 1.0)
-    dry-container (0.6.0)
+      dry-core (~> 0.4, >= 0.4.7)
+      dry-equalizer (~> 0.2)
+    dry-container (0.7.2)
       concurrent-ruby (~> 1.0)
       dry-configurable (~> 0.1, >= 0.1.3)
-    dry-inflector (0.1.2)
-    ffi (1.9.25)
+    dry-core (0.5.0)
+      concurrent-ruby (~> 1.0)
+    dry-equalizer (0.3.0)
+    dry-inflector (0.2.0)
+    filewatcher (1.1.1)
+      optimist (~> 3.0)
     gem-release (2.0.1)
     ice_nine (0.11.2)
-    json (2.1.0)
+    json (2.3.1)
     method_source (0.9.0)
-    mini_portile2 (2.3.0)
-    mustermann (1.0.3)
-    nokogiri (1.8.4)
-      mini_portile2 (~> 2.3.0)
+    mini_portile2 (2.4.0)
+    mustermann (1.1.1)
+      ruby2_keywords (~> 0.0.1)
+    nokogiri (1.10.9)
+      mini_portile2 (~> 2.4.0)
+    optimist (3.0.1)
     pry (0.11.3)
       coderay (~> 1.1.0)
       method_source (~> 0.9.0)
-    rack (2.0.6)
-    rack-protection (2.0.4)
+    rack (2.2.3)
+    rack-cors (1.1.0)
+      rack (>= 2.0.0)
+    rack-protection (2.1.0)
       rack
     rack-test (0.8.3)
       rack (>= 1.0, < 3)
-    rake (11.3.0)
-    redcarpet (3.4.0)
+    rake (13.0.1)
+    redcarpet (3.5.1)
+    regexp_parser (1.6.0)
     rspec (3.8.0)
       rspec-core (~> 3.8.0)
       rspec-expectations (~> 3.8.0)
       rspec-mocks (~> 3.8.0)
-    rspec-core (3.8.0)
+    rspec-core (3.8.2)
       rspec-support (~> 3.8.0)
-    rspec-expectations (3.8.1)
+    rspec-expectations (3.8.4)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.8.0)
     rspec-html-matchers (0.9.1)
       nokogiri (~> 1)
       rspec (>= 3.0.0.a, < 4)
-    rspec-mocks (3.8.0)
+    rspec-mocks (3.8.1)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.8.0)
-    rspec-support (3.8.0)
+    rspec-support (3.8.2)
     rspec_junit_formatter (0.4.1)
       rspec-core (>= 2, < 4, != 2.12.0)
-    rubyzip (1.2.2)
-    selenium-webdriver (3.14.0)
-      childprocess (~> 0.5)
-      rubyzip (~> 1.2)
+    ruby2_keywords (0.0.2)
+    rubyzip (1.3.0)
+    selenium-webdriver (3.142.7)
+      childprocess (>= 0.5, < 4.0)
+      rubyzip (>= 1.2.2)
     shotgun (0.9.2)
       rack (>= 1.0)
     simplecov (0.16.1)
@@ -74,49 +105,56 @@ GEM
       json (>= 1.8, < 3)
       simplecov-html (~> 0.10.0)
     simplecov-html (0.10.2)
-    sinatra (2.0.4)
+    sinatra (2.1.0)
       mustermann (~> 1.0)
-      rack (~> 2.0)
-      rack-protection (= 2.0.4)
+      rack (~> 2.2)
+      rack-protection (= 2.1.0)
       tilt (~> 2.0)
-    thread_safe (0.3.6)
-    tilt (2.0.8)
-    tzinfo (1.2.5)
-      thread_safe (~> 0.1)
-    tzinfo-data (1.2018.7)
+    thor (1.0.1)
+    tilt (2.0.10)
+    tzinfo (2.0.4)
+      concurrent-ruby (~> 1.0)
+    tzinfo-data (1.2020.4)
       tzinfo (>= 1.0.0)
-    watir (6.10.3)
-      selenium-webdriver (~> 3.4, >= 3.4.1)
+    watir (6.16.5)
+      regexp_parser (~> 1.2)
+      selenium-webdriver (~> 3.6)
     watir-rspec (3.0.0)
       rspec (~> 3.0)
       watir (>= 6.0.0.beta4)
-    webdrivers (3.4.1)
+    webdrivers (4.1.0)
       nokogiri (~> 1.6)
       rubyzip (~> 1.0)
-      selenium-webdriver (~> 3.0)
+      selenium-webdriver (>= 3.0, < 4.0)
+    zeitwerk (2.4.2)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   bundler (~> 1.13)
+  chart_presenter_plugin!
+  foo_presenter_plugin!
   gem-release (~> 2.0)
-  pry (~> 0.10)
+  image_crop_presenter_plugin!
+  pry
   rack (>= 2.0.6)
+  rack-cors
   rack-test (~> 0.8)
-  rake (~> 11.3)
+  rake (~> 13.0)
   rspec
   rspec-html-matchers
   rspec_junit_formatter
   shotgun (~> 0.9)
   simplecov
+  thor (~> 1.0.1)
   voom-presenters!
-  watir (~> 6.10.3)
-  watir-rspec
-  webdrivers (~> 3.0)
+  watir (~> 6.16)
+  watir-rspec (~> 3.0)
+  webdrivers (~> 4.1)
 
 RUBY VERSION
-   ruby 2.5.3p105
+   ruby 2.5.5p157
 
 BUNDLED WITH
-   1.17.1
+   1.17.3

data/Procfile

@@ -0,0 +1 @@
+web: rackup -p $PORT

data/README.md

@@ -1,20 +1,21 @@
 # Voom::Presenters
 
 ## TLDR;
-Presenters are to HTML/User Interfaces what C is to assembly.
+Do you wish you could write a modern user interface in pure Ruby?
 
-A Ruby DSL for describing user interfaces. 
+Now you can. Presenters are a Ruby DSL for rendering user interfaces. 
 The semantics are adopted from [Material Design](https://material.io/).
 
-A presenter generates a Presenter Object Model (POM). 
-A POM fully describes a user interface.
-A POM client can fully render user interface from POM.
+* Presenters are to HTML/User Interfaces what C is to assembly
+* A presenter generates a Presenter Object Model (POM) 
+* A POM fully describes a user interface
+* A POM client can fully render user interface from POM
 
 ## What are voom-presenters?
 
-* A Ruby user interface abstraction.
-* A Ruby DSL to build a user interface.
-* A power washer for building user interfaces.
+* A Ruby user interface abstraction
+* A Ruby DSL to build a user interface
+* A power washer for building user interfaces
 
 ## Why?
 
@@ -38,62 +39,60 @@ This concept was initially inspired by the Presenters concepts of Ivar Jacobson
 
 ## Demo
 
-[Demo](https://powerful-bastion-96181.herokuapp.com)
+[Demo]
 
 Or to run locally:
 
     git clone git@github.com:rx/presenters.git
     cd presenters/
     bundle install
-    rackup
+    bundle exec rackup
 
     open http://localhost:9292
     
 To see the POM:
 
     open http://localhost:9292/index.pom
-  
+      
+## Usage
 
-## User Interface Engine
+To use it, add this line to your Gemfile:
 
-The POM + A POM Client is an interface engine. 
+    gem 'voom-presenters', github('rx/presenters'), require: false
 
-This example downloads the POM of the index page. 
-Then posts it to the reference web client. 
-That result is then saved to a file and opened up with a browser.
+Create the file app/presenters/index.pom with the contents:
     
-    curl localhost:9292/index.pom > $TMPDIR/index.json  && curl -d "@$TMPDIR/index.json" -X POST localhost:9292/index > $TMPDIR/index.html && open $TMPDIR/index.html
+    Voom::Presenters.define(:hello_world) do
+      heading 'hello world'
+    end   
 
-## Status
-This project is in a pre-beta status. It is changing frequently as the first user interfaces are being built with it.
-Any use should be for internal use only until the status becomes beta.
+### Rails
+For rails: Mount the web-client in your rails config/routes.rb
 
-[![CircleCI](https://circleci.com/gh/rx/presenters.svg?style=svg)](https://circleci.com/gh/rx/presenters)
-[![Maintainability](https://api.codeclimate.com/v1/badges/8fcea717485230e60f27/maintainability)](https://codeclimate.com/github/rx/presenters/maintainability)
-[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=plastic)](https://raw.githubusercontent.com/rx/presenters/master/LICENSE)
+    mount ::Voom::Presenters::WebClient::App, at: '/'
+    # the api is optional
+    # mount ::Voom::Presenters::Api::App,       at: '/'
     
-## Usage
+Create an initializer `config/initializers/presenters.rb` with the following:
+    
+    require 'voom'
 
-To use it, add this line to your Gemfile:
+### Rack
+Presenters are rack based. If your framework uses a rack config file add the following:
 
-    gem 'voom-presenters'
+    use Voom::Presenters::WebClient::App
+    # the api is optional        
+    # use Voom::Presenters::Api::App
 
-For rails: Mount the web-client in your rails config/routes.rb
+Start your app and goto [/hello_world](http://127.0.0.1:3000/hello_world)
 
-    mount ::Voom::Presenters::WebClient::App, at: '/'
-    # the api is optional
-    mount ::Voom::Presenters::Api::App,       at: '/'
-     
-   
-Create the file app/presenters/index.pom with the contents:
-    
-    Voom::Presenters.define(:index) do
-      heading 'hello world'
-    end   
+Use the [Demo] to get example code to drop into your presetners.
 
-Start your rails server and goto http://localhost:3000
+## Status
+This project is in a released status. 
 
-Use the demo to get example code to drop into your presetners.
+[![CircleCI](https://circleci.com/gh/rx/presenters.svg?style=svg)](https://circleci.com/gh/rx/presenters)
+[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=plastic)](https://raw.githubusercontent.com/rx/presenters/master/LICENSE)
 
 ## Contributing
 
@@ -106,3 +105,6 @@ The gem is available as open source under the terms of the [MIT License](http://
 ## Code of Conduct
 
 Everyone interacting in the Voom::Presenters project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/rx/presenters/blob/master/CODE-OF-CONDUCT.md).
+
+
+[Demo]:https://powerful-bastion-96181.herokuapp.com

data/app/demo/component_status.pom

@@ -42,7 +42,7 @@ Voom::Presenters.define(:component_status) do
 
               ]
       table do
-        row do
+        header do
           items.each do |item|
             column color: item_color(item)
             column item[:text]

data/app/demo/components/avatars.pom

@@ -0,0 +1,40 @@
+Voom::Presenters.define(:avatars) do
+  attach :top_nav
+  attach :component_drawer
+  page_title 'Avatars'
+
+  grid do
+    column 1
+    column 10 do
+      body 'An avatar can contain an image or icon. Avatars can be used within a list line, the media section of a card, a content block or column.'
+
+      grid do
+        column 6 do
+          headline 'Types'
+          body '**With an Icon**'
+          avatar :thumb_up
+          body '**With an Image**'
+          avatar 'img/demo/avatar.jpg'
+        end
+      end
+
+      grid do
+        column 6 do
+          headline 'Sizes'
+          body '**small**'
+          avatar :person, size: :small
+          body '**medium** (default)'
+          avatar 'img/demo/image_card.jpg', size: :medium
+          body '**large**'
+          avatar :cake, size: :large
+          body '**x-large**'
+          avatar :golf_course, size: 'x-large'
+          body '**xx-large**'
+          avatar 'img/demo/avatar.jpg', size: 'xx-large'
+        end
+      end
+
+    end
+  end
+
+end

data/app/demo/components/cards.pom

@@ -25,8 +25,15 @@ Voom::Presenters.define(:cards) do
       end
     end
 
-    headline 'Square'
-    card width: '330px' do
+    blank
+    headline 'Square', inline: true
+    switch checked: true do
+      tooltip 'Hide/Show Square Card'
+      event :click do
+        toggle_visibility 'square_card'
+      end
+    end
+    card id: 'square_card', width: '330px' do
       media height: '200px', color: '#46B6AC' do
         image 'img/demo/dog.png', position: [:bottom, :right]
         title 'Update', color: :white, position: :bottom
@@ -55,8 +62,8 @@ Voom::Presenters.define(:cards) do
               color: :white, position: :top
       end
       actions do
-        button 'Add to Calendar'
-        button icon: :event
+        button 'Add to Calendar', color: :secondary
+        button icon: :event, color: :secondary
       end
     end
 

data/app/demo/components/chips.pom

@@ -7,90 +7,97 @@ Voom::Presenters.define(:chips) do
   page_title 'Chips'
 
   indented_grid do
-    chip 'Chip 1'
-    chip 'Chip 1', color: :primary
-    chip 'Chip 2', color: :secondary
-    chip color: :hotpink do
-      text 'Chip 3', color: :white
+    chipset do
+      chip 'Chip 1'
+      chip 'Chip 1', color: :primary
+      chip 'Chip 2', color: :secondary
+      chip color: :hotpink do
+        text 'Chip 3', color: :white
+      end
     end
-
     subheading 'leading icon'
-    chip 'Jane Smith', icon: :face
+    chipset do
+      chip 'Jane Smith', icon: :face
+    end
 
     subheading 'trailing icon'
-    chip 'Jane Smith' do
-      icon :more_vert, position: :right
+    chipset do
+      chip 'Jane Smith' do
+        icon :more_vert, position: :right
+      end
     end
 
     subheading 'leading and trailing icon'
-    chip 'Jane Smith' do
-      icon :face, position: :left
-      icon :more_vert, position: :right
-    end
-    heading 'Events'
-
-    chip 'Jane Smith' do
-      icon :face, position: :left
-      icon :more_vert, position: :right
-      event :click do
-        snackbar 'chip clicked!'
+    chipset do
+      chip 'Jane Smith' do
+        icon :face, position: :left
+        icon :more_vert, position: :right
       end
     end
+    heading 'Events'
 
-    chip do
-      text 'Jane Smith' do
+    chipset do
+      chip 'Jane Smith' do
+        icon :face, position: :left
+        icon :more_vert, position: :right
         event :click do
-          snackbar 'text clicked'
+          snackbar 'chip clicked!'
         end
       end
-      icon :face, position: :left
-      icon :more_vert, position: :right
-      event :click do
-        snackbar 'chip clicked!'
-      end
-    end
-
-    chip do
-      text 'Jane Smith' do
-        event :click do
-          snackbar 'text clicked'
+      chip do
+        text 'Jane Smith' do
+          event :click do
+            snackbar 'text clicked'
+          end
         end
-      end
-      icon :face, position: :left do
+        icon :face, position: :left
+        icon :more_vert, position: :right
         event :click do
-          snackbar 'left icon clicked'
+          snackbar 'chip clicked!'
         end
       end
-      icon :more_vert, position: :right
-      event :click do
-        snackbar 'chip clicked!'
-      end
-    end
 
-    chip do
-      text 'Jane Smith' do
-        event :click do
-          snackbar 'text clicked'
+      chip do
+        text 'Jane Smith' do
+          event :click do
+            snackbar 'text clicked'
+          end
         end
-      end
-      icon :face, position: :left do
+        icon :face, position: :left do
+          event :click do
+            snackbar 'left icon clicked'
+          end
+        end
+        icon :more_vert, position: :right
         event :click do
-          snackbar 'left icon clicked'
+          snackbar 'chip clicked!'
         end
       end
-      icon :more_vert, position: :right do
-        event :click do
-          snackbar 'right icon clicked'
+
+      chip do
+        text 'Jane Smith' do
+          event :click do
+            snackbar 'text clicked'
+          end
+        end
+        icon :face, position: :left do
+          event :click do
+            snackbar 'left icon clicked'
+          end
+        end
+        icon :more_vert, position: :right do
+          event :click do
+            snackbar 'right icon clicked'
+          end
         end
       end
     end
 
-    title 'Chips as input',id: :input_chips
+    title 'Chips as input', id: :input_chips
     body 'You can set the name and value attributes of a chip, they then can be posted.
           An example of this can be found in the [search select](/search_select) pattern demo.'
 
 
-
     attach :code, file: __FILE__
   end
 end