coprl 0.1.0 → 3.0.0.beta.1

data/CODE-OF-CONDUCT.md

@@ -0,0 +1,73 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, sex characteristics, gender identity and expression,
+level of experience, education, socio-economic status, nationality, personal
+appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+  advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at [INSERT EMAIL ADDRESS]. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+
+[homepage]: https://www.contributor-covenant.org

data/CONTRIBUTING.md

@@ -0,0 +1,60 @@
+## How to contribute to Presenters
+
+#### Semantic Release commit messages
+Presenter uses [semantic release](https://semantic-release.gitbook.io/semantic-release/) to maintain [semantic versioning](https://semver.org/). 
+
+This means that your commits must identify what changes are in them. Examples (from the semantic release readme):
+
+| Commit message                                                                                                                                                                                   | Release type               |
+|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------|
+| `fix(pencil): stop graphite breaking when too much pressure applied`                                                                                                                             | Patch Release              |
+| `feat(pencil): add 'graphiteWidth' option`                                                                                                                                                       | ~~Minor~~ Feature Release  |
+| `perf(pencil): remove graphiteWidth option`<br><br>`BREAKING CHANGE: The graphiteWidth option has been removed.`<br>`The default graphite width of 10mm is always used for performance reasons.` | ~~Major~~ Breaking Release |
+
+The following types are available:
+
+* feat: A new feature
+* fix: A bug fix
+* docs: Documentation only changes
+* style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
+* refactor: A code change that neither fixes a bug nor adds a feature
+* perf: A code change that improves performance
+* test: Adding missing or correcting existing tests
+* chore: Changes to the build process or auxiliary tools and libraries such as documentation generation
+
+The [Angular Git Commit Guidelines](https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#-git-commit-guidelines) 
+outlines the conventions in full detail.
+
+#### **Did you find a bug?**
+
+* **Ensure the bug was not already reported** by searching on GitHub under [Issues](https://github.com/rx/presenters/issues).
+
+* If you're unable to find an open issue addressing the problem, [open a new one](https://github.com/rx/presenters/issues/new). Be sure to include a **title and clear description**, as much relevant information as possible, and a **code sample** or an **executable test case** demonstrating the expected behavior that is not occurring.
+
+* Use the bug report templates to create the issue.
+
+#### **Did you write a patch that fixes a bug?**
+
+* Open a new GitHub pull request with the patch.
+
+* Ensure the PR description clearly describes the problem and solution. Include the relevant issue number if applicable.
+
+#### **Do you intend to add a new feature or change an existing one?**
+
+* Suggest your change as a new [feature request](https://github.com/rx/presenters/issues/new) and start writing code.
+
+#### **Do you have questions about the source code?**
+
+* Ask any question about how to use Presenters open a [support/question](https://github.com/rx/presenters/issues/new)
+
+#### **Do you want to contribute to the Presenters documentation?**
+
+* Open a new GitHub pull request with the patch.
+
+Presenters are a volunteer effort. We encourage you to pitch in and join the team!
+
+Thanks! :heart: :heart: :heart:
+
+Presenters Team
+
+(Attribution: Adapted from Rails contribution guidlines)

data/Gemfile

@@ -1,12 +1,30 @@
-# frozen_string_literal: true
+source 'https://rubygems.org'
+git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 
-source "https://rubygems.org"
+ruby `[  -z "$RBENV_VERSION" ] && cat .ruby-version || echo $RBENV_VERSION`
 
-# Specify your gem's dependencies in coprl.gemspec
 gemspec
 
-gem "rake", "~> 13.0"
+group :development do
+  gem 'pry'
+  gem 'pry-byebug'
+end
 
-gem "rspec", "~> 3.0"
+group :test do
+  gem 'rspec'
+  gem 'rspec-html-matchers'
+  gem 'watir', '~> 6.16'
+  gem 'webdrivers', '~> 4.1'
+  gem 'watir-rspec', '~> 3.0'
+  gem 'rspec_junit_formatter'
+  gem 'simplecov', require: false
+end
 
-gem "rubocop", "~> 0.80"
+# Plugins
+gem 'foo_presenter_plugin',  github: 'coprl/foo_presenter_plugin', require: false
+gem 'image_crop_presenter_plugin',  github: 'coprl/image_crop_presenter_plugin', require: false
+gem 'chart_presenter_plugin',  github: 'coprl/chart_presenter_plugin', require: false
+
+gem 'rack-cors'
+gem 'honeybadger' if ENV.fetch('HONEYBADGER_API_KEY'){false}
+gem 'puma'

data/Gemfile.lock

@@ -0,0 +1,172 @@
+GIT
+  remote: https://github.com/coprl/chart_presenter_plugin.git
+  revision: ae9a8bb805570dbf2c1156e3c81f07e3a24807e2
+  specs:
+    chart_presenter_plugin (0.1.0)
+
+GIT
+  remote: https://github.com/coprl/foo_presenter_plugin.git
+  revision: f9c92ab98388aeb150c9b523e97042c1386aff10
+  specs:
+    foo_presenter_plugin (0.0.2)
+
+GIT
+  remote: https://github.com/coprl/image_crop_presenter_plugin.git
+  revision: 33452c5d3b232e93a942280f8429be2707c992ab
+  specs:
+    image_crop_presenter_plugin (0.1.0)
+
+PATH
+  remote: .
+  specs:
+    coprl (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.1, < 3.0)
+      tzinfo-data (~> 1.2018)
+      zeitwerk (~> 2.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    byebug (11.1.3)
+    childprocess (3.0.0)
+    coderay (1.1.2)
+    concurrent-ruby (1.1.8)
+    diff-lcs (1.3)
+    docile (1.3.1)
+    dry-configurable (0.12.1)
+      concurrent-ruby (~> 1.0)
+      dry-core (~> 0.5, >= 0.5.0)
+    dry-container (0.7.2)
+      concurrent-ruby (~> 1.0)
+      dry-configurable (~> 0.1, >= 0.1.3)
+    dry-core (0.5.0)
+      concurrent-ruby (~> 1.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.3.1)
+    method_source (0.9.0)
+    mini_portile2 (2.5.1)
+    mustermann (1.1.1)
+      ruby2_keywords (~> 0.0.1)
+    nio4r (2.5.7)
+    nokogiri (1.11.4)
+      mini_portile2 (~> 2.5.0)
+      racc (~> 1.4)
+    nokogiri (1.11.4-x86_64-darwin)
+      racc (~> 1.4)
+    optimist (3.0.1)
+    pry (0.11.3)
+      coderay (~> 1.1.0)
+      method_source (~> 0.9.0)
+    pry-byebug (3.8.0)
+      byebug (~> 11.0)
+      pry (~> 0.10)
+    puma (5.3.1)
+      nio4r (~> 2.0)
+    racc (1.5.2)
+    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 (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.2)
+      rspec-support (~> 3.8.0)
+    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.1)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.8.0)
+    rspec-support (3.8.2)
+    rspec_junit_formatter (0.4.1)
+      rspec-core (>= 2, < 4, != 2.12.0)
+    ruby2_keywords (0.0.4)
+    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)
+      docile (~> 1.1)
+      json (>= 1.8, < 3)
+      simplecov-html (~> 0.10.0)
+    simplecov-html (0.10.2)
+    sinatra (2.1.0)
+      mustermann (~> 1.0)
+      rack (~> 2.2)
+      rack-protection (= 2.1.0)
+      tilt (~> 2.0)
+    thor (1.1.0)
+    tilt (2.0.10)
+    tzinfo (2.0.4)
+      concurrent-ruby (~> 1.0)
+    tzinfo-data (1.2021.1)
+      tzinfo (>= 1.0.0)
+    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 (4.1.0)
+      nokogiri (~> 1.6)
+      rubyzip (~> 1.0)
+      selenium-webdriver (>= 3.0, < 4.0)
+    zeitwerk (2.4.2)
+
+PLATFORMS
+  ruby
+  x86_64-darwin-19
+
+DEPENDENCIES
+  bundler (>= 1.13)
+  chart_presenter_plugin!
+  coprl!
+  foo_presenter_plugin!
+  gem-release (~> 2.0)
+  image_crop_presenter_plugin!
+  pry
+  pry-byebug
+  puma
+  rack (>= 2.0.6)
+  rack-cors
+  rack-test (~> 0.8)
+  rake (~> 13.0)
+  rspec
+  rspec-html-matchers
+  rspec_junit_formatter
+  shotgun (~> 0.9)
+  simplecov
+  thor (~> 1.1.0)
+  watir (~> 6.16)
+  watir-rspec (~> 3.0)
+  webdrivers (~> 4.1)
+
+RUBY VERSION
+   ruby 2.7.2p137
+
+BUNDLED WITH
+   2.2.3

data/HISTORY.md

@@ -0,0 +1,61 @@
+# HISTORY
+This is the manual changelog, managed before switching to github_changelog_generator.
+
+## [0.2.00] - 2018-09-18
+### Added
+- This change log
+- [Namespaces]
+- [Slider component]
+- [Rich text component]
+- [Map component]
+- [Chip as input]
+- [Tagged Input]
+- [Grid Padding]
+- [Grid Wide/Table scrolling]
+- [Overline Text Style]
+- [Blank lines]
+- [Page separator]
+- [Clear action]
+- Floating content blocks
+- Request logging
+
+### Removed
+- Autocomplete event
+
+### Changed
+- Text field - draw with outlined style by default
+- Text field - support for leading or trailing icons
+- Text field - disabled support
+- Text area - can specify cols to control width
+- Select options - can pass the option text as the first parameter, or in the block.
+- List - component action blocks are now actions
+- List - color and border
+- Content blocks - icons support
+- Events - aliases focus and blur (maps to focusin and focusout)
+- Typography - available in menu items, including markdown
+- Typography - removed trailing line breaks
+- Rails helper table_for helper - accepts timezone for auto time formatting
+- Date time - default format changed
+- Webclient FAB button - shifted up and out to make room for list actions 
+
+### Fixed
+- Text field - Removed excessive trailing spacing
+- Context is no longer copied and it is not included in the pom json
+- List - selected lists can render selected with the checked option
+
+[Unreleased]: https://github.com/rx/presenters/compare/v0.1.14...HEAD 
+[0.1.14]: https://github.com/rx/presenters/compare/v0.1.14...v0.1.13
+[Namespaces]: https://powerful-bastion-96181.herokuapp.com/namespaces
+[Stepper]: https://powerful-bastion-96181.herokuapp.com/steppers
+[Rich text component]: https://powerful-bastion-96181.herokuapp.com/text_areas
+[Slider component]: https://powerful-bastion-96181.herokuapp.com/sliders
+[Tagged Input]: https://powerful-bastion-96181.herokuapp.com/tagged_input
+[Overline Text Style]: https://powerful-bastion-96181.herokuapp.com/styles
+[Page separator]: https://powerful-bastion-96181.herokuapp.com/separator
+[Blank lines]: https://powerful-bastion-96181.herokuapp.com/styles
+[Grid Padding]: https://powerful-bastion-96181.herokuapp.com/layouts
+[Map component]: https://powerful-bastion-96181.herokuapp.com/maps
+[Clear action]: https://powerful-bastion-96181.herokuapp.com/clear_action 
+[Chip as input]: https://powerful-bastion-96181.herokuapp.com/chips#input_chips 
+[Floating content blocks]:https://powerful-bastion-96181.herokuapp.com/content#floating  
+[Grid Wide/Table scrolling]:https://powerful-bastion-96181.herokuapp.com/tables

data/{LICENSE.txt → LICENSE}

@@ -1,6 +1,6 @@
-The MIT License (MIT)
+MIT License
 
-Copyright (c) 2021 Russell Edens
+Copyright (c) 2018 Russell Edens
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -9,13 +9,13 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/Procfile

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

data/README.md

@@ -1,43 +1,145 @@
-# Coprl
+# COmmon PResenter Language (COPRL)
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/coprl`. To experiment with that code, run `bin/console` for an interactive prompt.
+![alt text](https://media.giphy.com/media/13LEyaRbQbiWdi/giphy.gif "Power Washer for Building User Interfaces")
 
-TODO: Delete this and the text above, and describe your gem
+## TLDR;
+Do you wish you could write a modern user interface in Ruby?
 
-## Installation
+Now you can. Presenters are a Ruby DSL for rendering user interfaces. 
 
-Add this line to your application's Gemfile:
+* Presenters are a power washer for building user interfaces
+* 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
 
-```ruby
-gem 'coprl'
-```
+The semantics are adopted from [Material Design](https://material.io/).
 
-And then execute:
+## Why?
 
-    $ bundle install
+Building a user interface should like Ruby itself: 
+> ... a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.
 
-Or install it yourself as:
+Instead building a user interface has turned into:
+> How many languages/technologies/frameworks do I need to learn to build a rich user interface/experience?"
 
-    $ gem install coprl
+A typical web client requires at a minimum the following: HTML, CSS, Javascript, in addition we need Ruby on the server, plus some SQL.  
+That is 5 technologies/languages.
+Now lets talk about a new client like an iOS or Android client. If we go native, we can now add Java and Swift to that list. We are up to 7 technologies/languages!
+We didn't even add any popular extras like coffeescript, haml, sass, and we left out frameworks.
 
+What if you could write all your user interface in Ruby and have it rendered natively in ANY client? The COPRL _enable_ that. It is a Ruby DSL that describes a user interface.
+It generates an intermediate Presenter Object Model (POM). 
+The POM is a declarative user interface that can be rendered by a POM client. 
+The presenters gem provides a web client as a fully functional implementation that both renders natively as a Rails templating engine and as a Rack app.
+
+This concept was initially inspired by the Presenters concepts of Ivar Jacobson as presented by Robert Martin.
+
+## Demo
+
+[Demo]
+
+Or to run locally:
+
+    git clone git@github.com:rx/presenters.git
+    cd presenters/
+    bundle install
+    bundle exec rackup
+
+    open http://localhost:9292
+   
+> Note: Demo defaults to Ruby version 2.7.3 in the .ruby-version file. If you want to run a different version 
+> -- set RBENV_VERSION to your desired version. 
+> For example: 
+> ```
+> RBENV_VERSION=2.5.5 bundle insatall
+> RBENV_VERSION=2.5.5 bundle exec rackup```
+    
+To see the POM:
+
+    open http://localhost:9292/index.pom
+      
 ## Usage
 
-TODO: Write usage instructions here
+### Rails
+Presenters are a view templating language in Rails. 
+You can mix and match presenters with your existing views, 
+use them as new views, or call them as partails in existing views.
+
+#### 1) Add presenters to Gemfile    
+    gem 'coprl'
+
+#### 2) Require coprl in config/application.rb
+    require 'coprl'
+
+#### 3) Mount presenters in config/routes.rb
+
+    mount Coprl::Presenters::Rails::Engine => "/"
+
+#### 4) Create the file app/view/hello_world.html.pom with the contents
+
+    Coprl::Presenters.define(:hello_world) do
+      heading 'hello world'
+    end   
+
+Navigate to [locahost:3000/hello_world](http://127.0.0.1:3000/hello_world)
+
+Use the [Demo] to get example code to drop into your presenters.
 
-## Development
+#### 5) Optionally -- use presenters as partials from ERB/HAML
+You can render a presenter as a partial from other templating laguages (erb, haml):
 
-After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+    <%= render 'show', presenter: 'hello_world' %> 
 
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+You need to add the following to your layout to use presenters as a partial alongside other erb's, haml or any other rails templating language.
+
+##### Inside the &lt;head&gt; tag add the following:
+
+      <title><%= @pom.page.title if @pom.page %></title>
+      <%= coprl_headers(@base_url, request, @pom) %> 
+
+##### Inside the &lt;body&gt; tag, around you existing yield add the following:
+
+    <%= partial "body/preamble", :locals => {pom:@pom} %>
+    <%= yield %>
+    <%= partial "body/postamble", :locals => {pom:@pom} %>
+
+### Rack
+#### 1) To use it, add this line to your Gemfile:
+
+    gem 'coprl'
+
+#### 2) Create the file app/presenters/index.pom with the contents:
+
+    Coprl::Presenters.define(:hello_world) do
+      heading 'hello world'
+    end   
+
+Presenters are rack based. If your framework uses a rack config file add the following:
+    use Coprl::Presenters::WebClient::App
+    # the api is optional        
+    # use Coprl::Presenters::Api::App
+
+Start your app and goto [/hello_world](http://127.0.0.1:3000/hello_world)
+
+Use the [Demo] to get example code to drop into your presenters.
+
+## Status
+This project is in a released status. 
+
+[![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
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/coprl. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/[USERNAME]/coprl/blob/master/CODE_OF_CONDUCT.md).
+Bug reports and pull requests are welcome on GitHub at https://github.com/rx/presenters.
 
 ## License
 
-The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
 
 ## Code of Conduct
 
-Everyone interacting in the Coprl project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/coprl/blob/master/CODE_OF_CONDUCT.md).
+Everyone interacting in the COPRL project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/coprl/coprl/blob/master/CODE-OF-CONDUCT.md).
+
+[Demo]:https://coprl-ruby.herokuapp.com/