matestack-ui-core 0.6.0

data/app/concepts/component/cell/static.rb

@@ -0,0 +1,16 @@
+module Component::Cell
+  class Static < Component::Cell::Dynamic
+
+    def initialize(model=nil, options={})
+      super
+      if options[:dynamic]
+        @static = false
+        @rerender = true
+        @component_class = "anonym-dynamic-component-cell"
+      else
+        @static = true
+      end
+    end
+
+  end
+end

data/app/concepts/component/js/anonym-dynamic-component.js

@@ -0,0 +1,10 @@
+import Vue from 'vue/dist/vue.esm'
+import componentMixin from 'component/js/component'
+
+const componentDef = {
+  mixins: [componentMixin]
+}
+
+let component = Vue.component('anonym-dynamic-component-cell', componentDef)
+
+export default componentDef

data/app/concepts/component/js/component.js

@@ -0,0 +1,60 @@
+import Vue from 'vue/dist/vue.esm'
+import axios from 'axios'
+import VRuntimeTemplate from "v-runtime-template"
+
+import matestackEventHub from 'core/js/event-hub'
+
+const componentMixin = {
+  props: ['componentConfig', 'params'],
+  data: function(){
+    return {
+      asyncTemplate: null
+    }
+  },
+  methods: {
+    onRerender: function(event){
+      if (this.$el.id === event+"__wrapper"){
+        this.rerender()
+      }
+    },
+    onMatestackUiCoreChannel: function(event){
+      if (this.componentConfig["rerender_on"] == event.message){
+        this.rerender()
+      }
+    },
+    rerender: function(){
+      var self = this;
+      self.params["component_key"] = self.componentConfig["component_key"]
+      axios({
+        method: "get",
+        url: self.componentConfig["origin_url"],
+        headers: {
+          'X-CSRF-Token': document.getElementsByName("csrf-token")[0].getAttribute('content')
+        },
+        params: self.params
+      })
+      .then(function(response){
+        self.asyncTemplate = response["data"];
+      })
+    },
+    rerenderWith: function(newParams){
+      Object.assign(this.params, newParams);
+      this.rerender()
+    }
+  },
+  created: function () {
+    const self = this
+    matestackEventHub.$on('rerender', self.onRerender)
+    matestackEventHub.$on('MatestackUiCoreChannel', self.onMatestackUiCoreChannel)
+  },
+  beforeDestroy: function() {
+    const self = this
+    matestackEventHub.$off('rerender', self.onRerender);
+    matestackEventHub.$off('MatestackUiCoreChannel', self.onMatestackUiCoreChannel)
+  },
+  components: {
+    VRuntimeTemplate: VRuntimeTemplate
+  }
+}
+
+export default componentMixin

data/app/concepts/component/utils/component_node.rb

@@ -0,0 +1,69 @@
+module Component::Utils
+  class ComponentNode
+
+    def self.build(component_instance, included_config, &block)
+      node = ComponentNode.new(component_instance, included_config)
+      node.instance_eval(&block)
+      node.hash
+    end
+
+    attr_reader :hash
+
+    def initialize(component_instance, included_config)
+      @hash = {}
+      @node_start_id = 0
+      @component_instance = component_instance
+      @included_config = included_config
+      component_instance.instance_variables.each do |component_instance_var_key|
+        self.instance_variable_set(component_instance_var_key, component_instance.instance_variable_get(component_instance_var_key))
+      end
+    end
+
+    def method_missing meth, *args, &block
+      begin
+        @component_instance.send(meth, *args, &block)
+      rescue
+        node_id = @node_start_id + 1
+        @node_start_id = node_id
+        current_node = "#{meth}_#{@node_start_id}"
+        @hash[current_node] = {}
+        @hash[current_node]["component_name"] = meth.to_s
+        @hash[current_node]["config"] = {}
+        @hash[current_node]["argument"] = nil
+        @hash[current_node]["included_config"] = @included_config
+
+        if meth == :partial
+          @hash[current_node]["components"] = @component_instance.send(args.first, *args.drop(1))
+        elsif meth == :yield_components
+          @hash[current_node]["component_name"] = "partial"
+          @hash[current_node]["components"] = @component_instance.send(:get_children)
+        else
+          if args.first.is_a?(Hash)
+            @hash[current_node]["config"] = args.first
+          else
+            @hash[current_node]["argument"] = args.first
+          end
+
+          if args.second == :include
+            included = args.first
+          else
+            unless @included_config.nil?
+              included = @included_config
+            else
+              included = nil
+            end
+          end
+
+          if block_given?
+            @hash[current_node]["components"] = ComponentNode.build(@component_instance, included, &block)
+          elsif meth == :slot
+            # @hash[current_node]["components"] = ComponentNode.build(@component_instance, included, &args.first)
+            @hash[current_node]["components"] =  args.first
+          end
+        end
+      end
+
+    end
+
+  end
+end

data/app/concepts/component/view/children.haml

@@ -0,0 +1,2 @@
+- @children_cells.each do |key, cell|
+  = cell.call(:show)

data/app/concepts/component/view/dynamic.haml

@@ -0,0 +1,6 @@
+%component{dynamic_tag_attributes}
+  %div
+    %div{"v-if": "asyncTemplate == null"}
+      = render_content
+    %div{"v-if": "asyncTemplate != null"}
+      %v-runtime-template{":template":"asyncTemplate"}

data/app/concepts/component/view/dynamic_without_rerender.haml

@@ -0,0 +1,2 @@
+%component{dynamic_tag_attributes}
+  = render_content

data/app/concepts/component/view/response.haml

@@ -0,0 +1,2 @@
+- @cells.each do |key, cell|
+  = cell.call(:show)

data/app/concepts/component/view/response_dynamic.haml

@@ -0,0 +1,7 @@
+%component{dynamic_tag_attributes}
+  %div{"id": component_id, "class": @component_class}
+    %div{"v-if": "asyncTemplate == null"}
+      - @cells.each do |key, cell|
+        = cell.call(:show)
+    %div{"v-if": "asyncTemplate != null"}
+      %v-runtime-template{":template":"asyncTemplate"}

data/app/concepts/component/view/response_dynamic_without_rerender.haml

@@ -0,0 +1,3 @@
+%component{dynamic_tag_attributes}
+  - @cells.each do |key, cell|
+    = cell.call(:show)

data/app/concepts/component/view/static.haml

@@ -0,0 +1 @@
+= render_content

data/app/concepts/core/js/core.js

@@ -0,0 +1,27 @@
+import Vue from 'vue/dist/vue.esm'
+
+import app from 'app/js/app'
+import async from 'async/js/async'
+import pageContent from 'page/js/content'
+import store from 'app/js/store'
+import component from 'component/js/component'
+import anonymDynamicComponent from 'component/js/anonym-dynamic-component'
+import html from 'html/js/html'
+import transition from 'transition/js/transition'
+import action from 'action/js/action'
+import form from 'form/js/form'
+import view from 'view/js/view'
+import onclick from 'onclick/js/onclick'
+
+let matestackUiApp = undefined
+
+document.addEventListener('DOMContentLoaded', () => {
+
+    matestackUiApp = new Vue({
+      el: "#matestack_ui",
+      store: store
+    })
+
+})
+
+export default Vue

data/app/concepts/core/js/event-hub.js

@@ -0,0 +1,5 @@
+import Vue from 'vue/dist/vue.esm'
+
+const matestackEventHub = new Vue();
+
+export default matestackEventHub

data/app/concepts/div/cell/div.rb

@@ -0,0 +1,6 @@
+module Div::Cell
+  class Div < Component::Cell::Static
+    
+
+  end
+end

data/app/concepts/div/view/div.haml

@@ -0,0 +1,3 @@
+%div{@tag_attributes}
+  - if block_given?
+    = yield

data/app/concepts/footer/cell/footer.rb

@@ -0,0 +1,5 @@
+module Footer::Cell
+  class Footer < Component::Cell::Static
+
+  end
+end

data/app/concepts/footer/view/footer.haml

@@ -0,0 +1,3 @@
+%footer{@tag_attributes}
+  - if block_given?
+    = yield

data/app/concepts/form/cell/form.rb

@@ -0,0 +1,71 @@
+module Form::Cell
+  class Form < Component::Cell::Dynamic
+
+    REQUIRED_KEYS = [:for, :path, :method]
+
+    def setup
+      begin
+        @component_config[:for] = form_wrapper
+        @component_config[:submit_path] = submit_path
+        @component_config[:method] = options[:method]
+        @component_config[:success] = options[:success]
+        unless options[:success].nil?
+          unless options[:success][:transition].nil?
+            @component_config[:success][:transition][:path] = transition_path options[:success]
+          end
+        end
+        @component_config[:failure] = options[:failure]
+        unless options[:failure].nil?
+          unless options[:failure][:transition].nil?
+            @component_config[:failure][:transition][:path] = transition_path options[:failure]
+          end
+        end
+        @tag_attributes.merge!({"@submit.prevent": true})
+      rescue => e
+        raise "Form component could not be setted up. Reason: #{e}"
+      end
+    end
+
+    def submit_path
+      begin
+        if options[:path].is_a?(Symbol)
+          return ::Rails.application.routes.url_helpers.send(options[:path], options[:params])
+        else
+          return options[:path]
+        end
+      rescue
+        raise "Submit path not found"
+      end
+    end
+
+    def transition_path callback_options
+      begin
+        if callback_options[:transition][:path].is_a?(Symbol)
+          return ::Rails.application.routes.url_helpers.send(
+            callback_options[:transition][:path],
+            callback_options[:transition][:params]
+          )
+        else
+          return callback_options[:transition][:path]
+        end
+      rescue
+        raise "Transition path not found"
+      end
+    end
+
+    def form_wrapper
+      case options[:for]
+      when Symbol
+        return options[:for]
+      when String
+        return options[:for]
+      end
+
+      if options[:for].respond_to?(:model_name)
+        return options[:for].model_name.singular
+      end
+    end
+
+
+  end
+end

data/app/concepts/form/cell/inline.rb

@@ -0,0 +1,9 @@
+module Form::Cell
+  class Inline < Component::Cell::Static
+
+    def input_key
+      'data["' + options[:key].to_s + '"]'
+    end
+    
+  end
+end

data/app/concepts/form/cell/input.rb

@@ -0,0 +1,74 @@
+module Form::Cell
+  class Input < Component::Cell::Static
+
+    REQUIRED_KEYS = [:key, :type]
+
+    def custom_options_validation
+      raise "included form config is missing, please add ':include' to parent form component" if @included_config.nil?
+    end
+
+    def input_key
+      'data["' + options[:key].to_s + '"]'
+    end
+
+    def error_key
+      'errors["' + options[:key].to_s + '"]'
+    end
+
+    def input_wrapper
+      case options[:for]
+      when nil
+        return nil
+      when Symbol
+        return options[:for]
+      when String
+        return options[:for]
+      end
+      if options[:for].respond_to?(:model_name)
+        return options[:for].model_name.singular
+      end
+    end
+
+    def attr_key
+      if input_wrapper.nil?
+        return options[:key].to_s
+      else
+        return "#{input_wrapper}.#{options[:key].to_s}"
+      end
+    end
+
+    def init_value
+      unless options[:init].nil?
+        return options[:init]
+      end
+
+      unless options[:for].nil?
+        value = options[:for].send(options[:key])
+        if [true, false].include? value
+          value ? 1 : 0
+        else
+          return value
+        end
+      else
+        unless @included_config.nil? && @included_config[:for].nil?
+          if @included_config[:for].respond_to?(options[:key])
+            value = @included_config[:for].send(options[:key])
+            if [true, false].include? value
+              value ? 1 : 0
+            else
+              return value
+            end
+          else
+            if @included_config[:for].is_a?(Symbol) || @included_config[:for].is_a?(String)
+              return nil
+            end
+            if @included_config[:for].is_a?(Hash)
+              return @included_config[:for][options[:key]]
+            end
+          end
+        end
+      end
+    end
+
+  end
+end

data/app/concepts/form/cell/select.rb

@@ -0,0 +1,73 @@
+module Form::Cell
+  class Select < Component::Cell::Static
+
+    REQUIRED_KEYS = [:options]
+
+    def input_key
+      'data["' + options[:key].to_s + '"]'
+    end
+
+    def error_key
+      'errors["' + options[:key].to_s + '"]'
+    end
+
+    def attr_key
+      options[:key].to_s
+    end
+
+    def option_values
+      values = options[:options] if options[:options].is_a?(Array)
+      values = options[:options].keys if options[:options].is_a?(Hash)
+      return values
+    end
+
+    def options_type
+      return Integer if option_values.first.is_a?(Integer)
+      return String if option_values.first.is_a?(String)
+    end
+
+    def model_binding
+
+      if option_values.first.is_a?(Integer)
+        return "v-model.number"
+      else
+        return "v-model"
+      end
+    end
+
+    def init_value
+      unless options[:init].nil?
+        return options[:init]
+      end
+
+      unless options[:for].nil?
+        value = options[:for].send(options[:key])
+        if [true, false].include? value
+          value ? 1 : 0
+        else
+          return value
+        end
+      else
+        unless @included_config.nil? && @included_config[:for].nil?
+          if @included_config[:for].respond_to?(options[:key])
+            value = @included_config[:for].send(options[:key])
+            if [true, false].include? value
+              value ? 1 : 0
+            else
+              return value
+            end
+          else
+            if @included_config[:for].is_a?(Symbol) || @included_config[:for].is_a?(String)
+              return nil
+            end
+            if @included_config[:for].is_a?(Hash)
+              return @included_config[:for][options[:key]]
+            end
+          end
+        end
+      end
+    end
+
+
+  end
+end