promethee 0.1.0 → 0.1.1

data/app/views/promethee/components/_video.html.erb

@@ -0,0 +1,16 @@
+<%
+url = component[:attributes][:url].to_s
+
+if 'vimeo'.in? url
+  video_id = url.to_s.gsub(/\A(?:https?:)?\/\/(?:(?:www|player)\.)?vimeo\.com\/(?:video\/)?(\d+).*?\z/, '\1')
+  iframe_src = "https://player.vimeo.com/video/#{video_id}?color=ffffff&title=0&byline=0&portrait=0"
+elsif 'youtube'.in? url
+  video_id = url.to_s.split('watch?v=').last
+  iframe_src = "http://www.youtube.com/embed/#{video_id}"
+end
+%>
+<div class="embed-responsive embed-responsive-16by9 <%= promethee_class_for component %>">
+  <% if iframe_src.present? %>
+    <iframe frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" src="<%= iframe_src %>"></iframe>
+  <% end %>
+</div>

data/app/views/promethee/components/_video_edit.html.erb

@@ -0,0 +1,63 @@
+<script type="text/ng-template" id="promethee/components/video">
+  <div ng-controller="VideoController">
+    <div  dnd-draggable="component"
+          dnd-moved="remove()"
+          dnd-type="component.type"
+          class="promethee-editor__component promethee-editor__component--video promethee-editor__component--final">
+      <div class="promethee-editor__toolbar">
+        Video
+        <%= render 'promethee/partials/toolbar_buttons' %>
+      </div>
+      <div ng-show="editing" class="promethee-editor__wrapper">
+        <div class="form-group">
+          <label class="label-control">Url</label>
+          <input ng-model="component.attributes.url" class="form-control" type="text"/>
+        </div>
+      </div>
+      <div class="embed-responsive embed-responsive-16by9">
+        <iframe ng-if="embed" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" ng-src="{{embed | urlSafe}}"></iframe>
+      </div>
+    </div>
+  </div>
+</script>
+
+<script>
+  angular.injector(['ng', '<%= promethee_id %>']).get('definitions').push({
+    name: 'Video',
+    thumb: 'http://via.placeholder.com/300x200',
+    data: {
+      type: 'video',
+      attributes: {
+        url: 'https://vimeo.com/115082758'
+      }
+    }
+  });
+
+  promethee.controller('VideoController', ['$scope', function($scope) {
+
+    $scope.editing = false;
+
+    $scope.remove = function() {
+      this.components.splice(this.components.indexOf(this.component), 1);
+    };
+
+    Object.defineProperty($scope, 'embed', {
+      get: function() {
+        var embed = null;
+        var url = this.component.attributes.url + '';
+
+        if(url.includes('vimeo')) {
+          var id = url.replace(/^(?:https?:)?\/\/(?:(?:www|player)\.)?vimeo\.com\/(?:video\/)?(\d+).*?$/, '$1');
+          embed = 'https://player.vimeo.com/video/' + id + '?color=ffffff&title=0&byline=0&portrait=0';
+        }
+        else if(url.includes('youtube')) {
+          var parts = url.split('watch?v=');
+          var id = parts[parts.length - 1];
+          embed = 'http://www.youtube.com/embed/' + id;
+        }
+
+        return embed;
+      }
+    })
+  }]);
+</script>

data/app/views/promethee/partials/_toolbar_buttons.html.erb

@@ -0,0 +1,4 @@
+<div class="pull-right">
+  <span ng-click="editing = !editing" class="btn btn-default btn-xs"><%= fa_icon :edit %></span>
+  <span ng-click="remove()" class="btn btn-default btn-xs"><%= fa_icon :close %></span>
+</div>

data/lib/promethee.rb

@@ -1,5 +1,40 @@
-require "promethee/version"
+require 'bootstrap-sass'
+require 'font-awesome-rails'
+require 'jquery-rails'
+require 'jquery-ui-rails'
+require 'tinymce-rails'
+require 'angularjs-rails'
+require 'angular-ui-tinymce/rails'
+require 'material_icons'
 
 module Promethee
-  # Your code goes here...
+  module Rails
+    require 'promethee/rails/helper'
+    require 'promethee/rails/engine'
+    require 'promethee/rails/version'
+  end
+
+  require 'promethee/component'
+  require 'promethee/component/attribute'
+  require 'promethee/component/attribute/boolean'
+  require 'promethee/component/attribute/integer'
+  require 'promethee/component/attribute/float'
+  require 'promethee/component/attribute/string'
+
+  require 'promethee/component/attributes'
+  require 'promethee/component/attributes/definer'
+
+  require 'promethee/component/base'
+  require 'promethee/component/collection'
+  require 'promethee/component/row'
+  require 'promethee/component/column'
+  require 'promethee/component/text'
+  require 'promethee/component/image'
+  require 'promethee/component/video'
+
+  require 'promethee/grid'
+
+  require 'promethee/core_ext/tags'
+  require 'promethee/core_ext/form_helper'
+  require 'promethee/core_ext/form_builder'
 end

data/lib/promethee/component.rb

@@ -0,0 +1,28 @@
+module Promethee::Component
+  def self.types
+    Base.descendants.map &:type
+  end
+
+  def self.as type
+    begin
+      class_name = "::Promethee::Component::#{type.to_s.classify}"
+      require "promethee/component/#{type}" unless Object.const_defined? class_name
+      class_name.constantize
+    rescue LoadError
+      raise "Unknown Prométhée component type \"#{type}\". Available types: \"#{types.join '", "'}\"."
+    end
+  end
+
+  def self.from data
+    raise "Invalid data provided, expected a Hash got a #{data.class}." unless data.is_a? Hash
+
+    data = data.deep_dup
+
+    data[:attributes] = {} unless data[:attributes].is_a? Hash
+    data[:children] = [] unless data[:children].is_a? Array
+
+    data[:children].map! { |data| from data }
+
+    as(data[:type]).new attributes: data[:attributes], children: data[:children]
+  end
+end

data/lib/promethee/component/attribute.rb

@@ -0,0 +1,42 @@
+module Promethee::Component::Attribute
+  class Base
+    attr_reader :name, :value
+
+    def initialize name, value = default
+      @name = name.to_s.to_sym
+      self.value = value
+    end
+
+    def value= value
+      @value = value == default ? default : cast(value)
+    end
+
+    def default
+      self.class.default
+    end
+
+    def cast value
+      self.class.cast.call value
+    end
+
+    def dup
+      self.class.new name, (value.dup rescue value)
+    end
+
+    private
+
+    def self.type
+      to_s.split('::').last.underscore
+    end
+
+    def self.default value = nil
+      @value = value unless value.nil?
+      @value
+    end
+
+    def self.cast &block
+      @cast = block if block_given?
+      @cast ||= -> (value) { value }
+    end
+  end
+end

data/lib/promethee/component/attribute/boolean.rb

@@ -0,0 +1,4 @@
+class Promethee::Component::Attribute::Boolean < Promethee::Component::Attribute::Base
+  default false
+  cast { |value| !!value }
+end

data/lib/promethee/component/attribute/float.rb

@@ -0,0 +1,3 @@
+class Promethee::Component::Attribute::Float < Promethee::Component::Attribute::Base
+  cast { |value| value&.to_f or default }
+end

data/lib/promethee/component/attribute/integer.rb

@@ -0,0 +1,3 @@
+class Promethee::Component::Attribute::Integer < Promethee::Component::Attribute::Base
+  cast { |value| value&.to_i or default }
+end

data/lib/promethee/component/attribute/string.rb

@@ -0,0 +1,3 @@
+class Promethee::Component::Attribute::String < Promethee::Component::Attribute::Base
+  cast { |value| value&.to_s or default }
+end

data/lib/promethee/component/attributes.rb

@@ -0,0 +1,50 @@
+class Promethee::Component::Attributes
+  def update hash
+    (names & hash.keys.map(&:to_sym)).each { |name| attributes[name].value = hash[name] }
+
+    self
+  end
+
+  def to_hash
+    attributes.map{ |name, attribute|  [name, attribute.value] }.to_h
+  end
+  alias_method :to_h, :to_hash
+  alias_method :as_json, :to_hash
+
+  def [](method)
+    send method
+  end
+
+  def keys
+    attributes.keys
+  end
+  alias_method :names, :keys
+
+  def each &block
+    attributes.values.each &block
+  end
+
+  def << attribute
+    attributes[attribute.name] = attribute
+
+    define_singleton_method(attribute.name) { attribute.value }
+    define_singleton_method("#{attribute.name}=") { |value| attribute.value = value }
+  end
+
+  def dup
+    duplicate = self.class.new
+    each { |attribute| duplicate << attribute.dup }
+
+    duplicate
+  end
+
+  def copy hash
+    dup.update hash
+  end
+
+  private
+
+  def attributes
+    @attributes ||= {}
+  end
+end

data/lib/promethee/component/attributes/definer.rb

@@ -0,0 +1,13 @@
+class Promethee::Component::Attributes::Definer
+  attr_reader :component
+
+  def initialize(component)
+    @component = component
+  end
+
+  ::Promethee::Component::Attribute::Base.descendants.each do |attribute|
+    define_method attribute.type do |name, default: nil|
+      component.attributes << attribute.new(name, default)
+    end
+  end
+end

data/lib/promethee/component/base.rb

@@ -0,0 +1,68 @@
+class Promethee::Component::Base
+  attr_reader :attributes, :children
+
+  def initialize(attributes: {}, children: [])
+    @attributes = self.class.attributes.copy attributes
+    @children = Promethee::Component::Collection.new children
+  end
+
+  def to_hash *options
+    {
+      type: type,
+      attributes: attributes.to_hash,
+      children: children.to_ary
+    }
+  end
+  alias_method :to_h, :to_hash
+  alias_method :as_json, :to_hash
+
+  def to_html
+    ApplicationController.renderer.render partial: "promethee/components/#{type}", locals: { component: self }
+  end
+
+  def [](method)
+    send method
+  end
+
+  def class_name
+    "promethee__component promethee__component--#{type}"
+  end
+
+  def type
+    self.class.type
+  end
+
+  def self.attributes
+    @attributes ||= Promethee::Component::Attributes.new
+  end
+
+  def self.children
+    @children ||= []
+  end
+
+  def self.type
+    to_s.split('::').last.underscore.to_sym
+  end
+
+  def self.final?
+    children.empty?
+  end
+
+  # def self.class_name
+  #   "promethee-editor__component promethee__component--#{type}#{' promethee__component--final' if final?}"
+  # end
+
+  private
+
+  def self.has_attributes
+    yield Promethee::Component::Attributes::Definer.new(self) if block_given?
+  end
+
+  def self.has_children *components
+    children.concat(components.flatten.map{ |component| component.is_a?(Class) && component < self ? component : Promethee::Component.as(component) }).uniq!
+  end
+
+  class << self
+    alias_method :has_child, :has_children
+  end
+end

data/lib/promethee/component/collection.rb

@@ -0,0 +1,17 @@
+class Promethee::Component::Collection < Array
+  def to_ary
+    map &:to_hash
+  end
+  alias_method :to_a, :to_ary
+  alias_method :as_json, :to_ary
+
+  def to_html
+    map(&:to_html).join.html_safe
+  end
+
+  def self.from data
+    raise "Invalid data provided, expected a Array got a #{data.class}." unless data.is_a? Array
+
+    new data.map{ |component| Promethee::Component.from component }
+  end
+end

data/lib/promethee/component/column.rb

@@ -0,0 +1,8 @@
+class Promethee::Component::Column < Promethee::Component::Base
+  has_attributes do |a|
+    a.integer :size, default: 4
+    a.integer :offset, default: 0
+  end
+
+  has_children :row, :text, :image, :video
+end

data/lib/promethee/component/image.rb

@@ -0,0 +1,6 @@
+class Promethee::Component::Image < Promethee::Component::Base
+  has_attributes do |a|
+    a.string :src
+    a.string :alt
+  end
+end

data/lib/promethee/component/row.rb

@@ -0,0 +1,3 @@
+class Promethee::Component::Row < Promethee::Component::Base
+  has_child :column
+end

data/lib/promethee/component/text.rb

@@ -0,0 +1,5 @@
+class Promethee::Component::Text < Promethee::Component::Base
+  has_attributes do |a|
+    a.string :body, default: ''
+  end
+end

data/lib/promethee/component/video.rb

@@ -0,0 +1,5 @@
+class Promethee::Component::Video < Promethee::Component::Base
+  has_attributes do |a|
+    a.string :url
+  end
+end

data/lib/promethee/core_ext/form_builder.rb

@@ -0,0 +1,6 @@
+ActionView::Helpers::FormBuilder.class_eval do
+  # https://github.com/rails/rails/blob/13c5aa818e9284fe30f83469b340e579195bda3f/actionview/lib/action_view/helpers/form_helper.rb#L2148
+  def promethee(method, options = {})
+    @template.promethee_editor(@object_name, method, objectify_options(options))
+  end
+end

data/lib/promethee/core_ext/form_helper.rb

@@ -0,0 +1,6 @@
+ActionView::Helpers::FormHelper.class_eval do
+  # https://github.com/rails/rails/blob/13c5aa818e9284fe30f83469b340e579195bda3f/actionview/lib/action_view/helpers/form_helper.rb#L1193
+  def promethee_editor(object_name, method, options = {})
+    ActionView::Helpers::Tags::PrometheeEditor.new(object_name, method, self, options).render
+  end
+end

data/lib/promethee/core_ext/tags.rb

@@ -0,0 +1,18 @@
+require 'promethee'
+
+module ActionView
+  module Helpers
+    module Tags
+      # https://github.com/rails/rails/blob/bdc581616b760d1e2be3795c6f0f3ab4b1e125a5/actionview/lib/action_view/helpers/tags/text_field.rb
+      class PrometheeEditor < Base
+        def render
+          options = @options.stringify_keys
+          add_default_name_and_id(options)
+          data = options.fetch("value") { value_before_type_cast(object) }
+
+          Promethee::Grid.new(data, name: options["name"]).edit
+        end
+      end
+    end
+  end
+end