voom-presenters 0.1.0

data/app/demo/helpers/indented_grid.rb

@@ -0,0 +1,14 @@
+module Demo
+  module Helpers
+    module IndentedGrid
+      def indented_grid(&block)
+        grid do
+          column 1
+          column 10 do
+            yield_to(&block)
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/index.pom

@@ -0,0 +1,19 @@
+require_relative 'helpers/indented_grid'
+
+Voom::Presenters.define(:index) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+
+  indented_grid do
+    headline 'Presenters', id: :headline
+    subheading 'Presenters are to HTML what C is to assembly'
+    body ['A presenter describes a user interface. It is evaluated and a presenter object model (POM) is returned.',
+          'A client that renders POM can display the given user interface.']
+
+    subheading 'For example this is the presentation for this page:', level: 2
+
+    attach 'code', file: __FILE__
+  end
+
+
+end

data/app/demo/markdown.pom

@@ -0,0 +1,73 @@
+require_relative 'helpers/indented_grid'
+
+Voom::Presenters.define(:markdown) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+
+  indented_grid do
+    heading 'Markdown'
+
+    body 'Markdown on all text elements is supported.',
+         'It uses [redcarpet](https://github.com/vmg/redcarpet) with the Safe render.'
+    title 'Line breaks'
+    body 'Passing multiple text strings', 'creates line breaks'
+    body ['Arrays of  text strings is the same', 'it creates line breaks']
+    body "You can also do line breaks with two line feeds\n\nThis is on another line"
+    body "You can also do line breaks with two carriage returns\r\rThis is on another line"
+    body 'Line two carriage returns in a single string does the same thing
+
+         This is on another line'
+    body "Line two carriage returns in a double quoted string does the same thing\n\n\tThis is also another line"
+    body "A single line feed does not add a line\nThis is on the same line."
+    body "A single carriage return does not add a line\rThis is on the same line."
+    body "A carriage return followed by a line feed.\r\nDoes not break up the line."
+    title 'Escaping HTML'
+    body '<h1>HTML is escaped</h1>'
+    body '<script>console.log("so are script tags")</script>'
+    title 'Lists'
+    body '1. Item 1', '2. Item 2'
+
+    title 'Full Sample'
+    body <<-HEREDOC
+# Markdown Sample
+
+----
+## what is Markdown?
+see [Wikipedia](http://en.wikipedia.org/wiki/Markdown)
+
+> Markdown is a lightweight markup language, originally created by John Gruber and Aaron Swartz allowing people "to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML)".
+
+----
+## markdown quick reference
+# headers
+
+*emphasis*
+
+**strong** 
+
+* list
+
+>block quote
+
+`code inline`
+
+```ruby
+  require 'redcarpet'
+  markdown = Redcarpet.new("Hello World!")
+  puts markdown.to_html
+```
+[links](http://wikipedia.org)
+
+----
+## changelog
+* 17-Feb-2013 re-design
+
+----
+## thanks
+* [markdown-js](https://github.com/evilstreak/markdown-js)
+
+    HEREDOC
+
+
+  end
+end

data/app/demo/nav/top_nav.pom

@@ -0,0 +1,42 @@
+Voom::Presenters.define('top_nav') do
+  page do
+    title 'Presenters Demo'
+  end
+
+  header 'Presenters Demo' do
+    menu do
+      item 'About' do
+        event :click do
+          loads :index
+        end
+      end
+
+      item 'Components' do
+        event :click do
+          loads :components
+        end
+      end
+
+      item 'Styles' do
+        event :click do
+          loads :styles
+        end
+      end
+
+      item 'Events' do
+        event :click do
+          loads :events
+        end
+      end
+
+      item 'Status' do
+        event :click do
+          loads :component_status
+        end
+      end
+
+    end
+  end
+end
+
+

data/app/demo/shared/code.pom

@@ -0,0 +1,20 @@
+Voom::Presenters.define(:code) do
+  if context[:file]
+    grid do
+      column 12 do
+        body ''
+        expansion_panel 'Show Source' do
+          content do
+            form do
+              source = File.read(context[:file])
+              text_area full_width: true, rows: source.split("\n").size do
+                value source
+                label 'Source'
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/shared/context_list.pom

@@ -0,0 +1,29 @@
+Voom::Presenters.define(:context_list) do
+  helpers do
+    def title
+      context.fetch(:title) {'Context'}
+    end
+
+    def time
+      Time.now unless context.fetch('testing') {false}
+    end
+
+    def scrubbed_context
+      scrubbed_keys = context.fetch(:exclude) {%w{title file testing}}
+      context.select {|k, _| !scrubbed_keys.include?(k.to_s)}
+    end
+  end
+  content id: :context_list do
+    grid do
+      column 12 do
+        display title
+        subheading "#{time}"
+        list do
+          scrubbed_context.map {|k, v| "#{k}: #{v}"}.each do |param|
+            line param
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/shared/debug.pom

@@ -0,0 +1,17 @@
+Voom::Presenters.define(:debug) do
+  if context[:debug]
+    grid do
+      column 1
+      column 11 do
+        headline 'Debug Info'
+        title 'Context:'
+        form do
+          text_area full_width: true, rows: context.size do
+            value context.inspect
+            label 'Context'
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/styles.pom

@@ -0,0 +1,26 @@
+require_relative 'helpers/indented_grid'
+
+Voom::Presenters.define(:styles) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+
+  indented_grid do
+    display 'Styles'
+
+    # heading is an alias for display
+    heading 'Typography', level: 4
+    display 'Display 4', level: 4
+    display 'Display 3', level: 3
+    display 'Display 2', level: 2
+    display 'Display 1', level: 1
+    headline 'Headline'
+    title 'Title'
+    subheading 'Subheading 2', level: 2
+    subheading 'Subheading 1', level: 1
+    body ['Body 1 paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
+          'labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut',
+          'aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat',
+          'nulla pariatur.'], level: 1
+    body 'Body 2 text, calling something out.', level: 2
+  end
+end

data/bin/console

@@ -0,0 +1,22 @@
+#!/usr/bin/env ruby
+
+require 'bundler/setup'
+ENV['VOOM_ROOT'] =  File.expand_path(__dir__)
+libdir = File.join(ENV['VOOM_ROOT'], 'lib')
+$:.unshift(libdir) unless $:.include?(libdir)
+require 'voom-presenters'
+
+Voom::Presenters::Settings.configure do |config|
+  config.presenters.root = File.join(ENV['VOOM_ROOT'], 'app')
+end
+Voom::Presenters::App.boot!
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require 'irb'
+IRB.start

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/component-status.yml

@@ -0,0 +1,219 @@
+---
+-
+    Components: Bottom navigation
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: low
+    Completeness: 
+    Notes: 
+-
+    Components: Bottom sheets
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: not planned
+    Completeness: 
+    Notes: 
+-
+    Components: Buttons
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 3
+    Notes: 
+-
+    Components: "Buttons: Floating Action Button"
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 3
+    Notes: 
+-
+    Components: Cards
+    Implementation: MDL
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Chips
+    Implementation: MDC
+    MDL: 
+    MDC:
+    Priority:
+    Completeness: 2
+    Notes: 
+-
+    Components: Data tables
+    Implementation: MDL
+    MDL: 
+    MDC: N
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Dialogs
+    Implementation: MDL
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 3
+    Notes: 
+-
+    Components: Dividers
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: not planned
+    Completeness: 
+    Notes: 
+-
+    Components: Expansion panels
+    Implementation: Y
+    MDL: N
+    MDC: N
+    Priority: 
+    Completeness: 2
+    Notes: Custom
+-
+    Components: Grid lists
+    Implementation: N
+    MDL: 
+    MDC: Y
+    Priority: not planned
+    Completeness: 
+    Notes: 
+-
+    Components: Lists
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: "Lists: Controls"
+    Implementation: MDL/MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 1
+    Notes: Missing Leave-behinds, MDL controls don't update on replace.
+-
+    Components: Menus
+    Implementation: MDC/MDL
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Pickers
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: medium
+    Completeness: 
+    Notes: Need date/time selection
+-
+    Components: Progress & activity
+    Implementation: N
+    MDL: 
+    MDC: Y
+    Priority: medium
+    Completeness: 
+    Notes: 
+-
+    Components: Selection controls/switches
+    Implementation: MDL/MDC
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 1
+    Notes: The checkboxes and radio buttons from MDL need to be ported.
+-
+    Components: Select fields
+    Implementation: MDC
+    MDL:
+    MDC:
+    Priority: 
+    Completeness: 2
+    Notes:
+-
+    Components: Sliders
+    Implementation: N
+    MDL: 
+    MDC: Y
+    Priority: medium
+    Completeness: 
+    Notes: 
+-
+    Components: Snackbars & toasts
+    Implementation: MDL
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Steppers
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: medium
+    Completeness: 
+    Notes: 
+-
+    Components: Subheaders
+    Implementation: NA
+    MDL: 
+    MDC: 
+    Priority: not planned
+    Completeness:
+    Notes: This should be doable using typography
+-
+    Components: Tabs
+    Implementation: N
+    MDL: 
+    MDC: Y
+    Priority: medium
+    Completeness: 
+    Notes: 
+-
+    Components: Text fields
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: high
+    Completeness: 2
+    Notes:
+-
+    Components: Toolbars
+    Implementation: MDL
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Tooltips
+    Implementation: MDL
+    MDL: 
+    MDC: 
+    Priority:
+    Completeness: 1
+    Notes: |
+           The list icons are not displaying tooltips.
+           **Help wanted**
+-
+    Components: Widgets
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: not planned
+    Completeness: 
+    Notes: