matestack-ui-core 0.7.2

data/app/concepts/matestack/ui/core/html/html.rb

@@ -0,0 +1,17 @@
+require_dependency "cell/partial"
+
+module Matestack::Ui::Core::Html
+  class Html < Matestack::Ui::Core::Component::Dynamic
+
+    include Cell::ViewModel::Partial
+
+    view_paths << "#{::Rails.root}/app/views"
+
+    def include_partial(&block)
+      render partial: "#{options[:path]}" do
+        capture(&block)
+      end
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/icon/icon.haml

@@ -0,0 +1,5 @@
+%i{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/icon/icon.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Icon
+  class Icon < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/img/img.haml

@@ -0,0 +1 @@
+= image_tag(@tag_attributes, ActionController::Base.helpers.asset_path(options[:path]), height: options[:height], width: options[:width], alt: options[:alt]])

data/app/concepts/matestack/ui/core/img/img.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Img
+  class Img < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/input/input.haml

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

data/app/concepts/matestack/ui/core/input/input.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Input
+  class Input < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/isolate/isolate.haml

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

data/app/concepts/matestack/ui/core/isolate/isolate.rb

@@ -0,0 +1,11 @@
+module Matestack::Ui::Core::Isolate
+  class Isolate < Matestack::Ui::Core::Component::Static
+
+    def setup
+      @component_key = @component_key + "__" + @argument.to_s
+      @component_key = @component_key + "(" + @cached_params.to_json + ")" if @cached_params.present?
+      @component_config[:component_key] = @component_key
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/js/core.js

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

data/app/concepts/matestack/ui/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/matestack/ui/core/js/helpers/query-params-helper.js

@@ -0,0 +1,56 @@
+const updateQueryParams = (key, value, url) => {
+    if (!url) url = window.location.href;
+    let re = new RegExp(`([?&])${key}=.*?(&|#|$)(.*)`, "gi"), hash;
+
+    if (re.test(url)) {
+        if (typeof value !== 'undefined' && value !== null)
+            return url.replace(re, `$1${key}=${value}$2$3`);
+        else {
+            hash = url.split('#');
+            url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
+            if (typeof hash[1] !== 'undefined' && hash[1] !== null)
+                url += `#${hash[1]}`;
+            return url;
+        }
+    }
+    else {
+        if (typeof value !== 'undefined' && value !== null) {
+            const separator = url.indexOf('?') !== -1 ? '&' : '?';
+            hash = url.split('#');
+            url = `${hash[0]}${separator}${key}=${value}`;
+            if (typeof hash[1] !== 'undefined' && hash[1] !== null)
+                url += `#${hash[1]}`;
+            return url;
+        }
+        else
+            return url;
+    }
+};
+
+const getQueryParam = (name, url) => {
+    if (!url) url = window.location.href;
+    name = name.replace(/[\[\]]/g, '\\$&');
+    const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`), results = regex.exec(url);
+    if (!results) return null;
+    if (!results[2]) return '';
+    return decodeURIComponent(results[2].replace(/\+/g, ' '));
+};
+
+const queryParamsToObject = () => {
+  const search = window.location.search.substring(1);
+  if(search.length === 0){
+    return {}
+  } else {
+    const result = JSON.parse(
+      `{"${search.replace(/&/g, '","').replace(/=/g,'":"')}"}`,
+      (key, value) => { return key===""?value:decodeURIComponent(value) }
+    );
+    return result;
+  }
+};
+
+export default {
+  updateQueryParams: updateQueryParams,
+  getQueryParam: getQueryParam,
+  queryParamsToObject: queryParamsToObject
+}

data/app/concepts/matestack/ui/core/label/label.haml

@@ -0,0 +1,5 @@
+%label{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/label/label.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Label
+  class Label < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/li/li.haml

@@ -0,0 +1,5 @@
+%li{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/li/li.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Li
+  class Li < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/link/link.haml

@@ -0,0 +1,5 @@
+%a{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

data/app/concepts/matestack/ui/core/link/link.rb

@@ -0,0 +1,26 @@
+module Matestack::Ui::Core::Link
+  class Link < Matestack::Ui::Core::Component::Static
+
+    REQUIRED_KEYS = [:path]
+
+    def setup
+      @tag_attributes.merge!({
+        "class": options[:class],
+        "id": component_id,
+        "method": options[:method],
+        "target": options[:target] ||= nil,
+        "href": link_path
+      })
+    end
+
+    def link_path
+      if options[:path].is_a?(Symbol)
+        return ::Rails.application.routes.url_helpers.send(options[:path], options[:params])
+      end
+      if options[:path].is_a?(String)
+        return options[:path]
+      end
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/main/main.haml

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

data/app/concepts/matestack/ui/core/main/main.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Main
+  class Main < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/nav/nav.haml

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

data/app/concepts/matestack/ui/core/nav/nav.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Nav
+  class Nav < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/ol/ol.haml

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

data/app/concepts/matestack/ui/core/ol/ol.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Ol
+  class Ol < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/onclick/onclick.haml

@@ -0,0 +1,2 @@
+%div{@tag_attributes, "@click": "perform"}
+  = yield

data/app/concepts/matestack/ui/core/onclick/onclick.js

@@ -0,0 +1,21 @@
+import Vue from 'vue/dist/vue.esm'
+
+import matestackEventHub from 'js/event-hub'
+
+import componentMixin from 'component/component'
+
+const componentDef = {
+  mixins: [componentMixin],
+  data: function(){
+    return { }
+  },
+  methods: {
+    perform: function(){
+      matestackEventHub.$emit(this.componentConfig["emit"], this.componentConfig["data"])
+    }
+  }
+}
+
+let component = Vue.component('matestack-ui-core-onclick', componentDef)
+
+export default componentDef

data/app/concepts/matestack/ui/core/onclick/onclick.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Onclick
+    class Onclick < Matestack::Ui::Core::Component::Dynamic
+
+  end
+end

data/app/concepts/matestack/ui/core/page/content.haml

@@ -0,0 +1,7 @@
+%div{"class": "matestack_page"}
+  %div{"v-if": "asyncPageTemplate == null"}
+    %div{"class": "matestack_page_content"}
+      - @children_cells.each do |key, cell|
+        = cell.call(:show)
+  %div{"v-if": "asyncPageTemplate != null"}
+    %v-runtime-template{":template":"asyncPageTemplate"}

data/app/concepts/matestack/ui/core/page/content.js

@@ -0,0 +1,17 @@
+import Vue from 'vue/dist/vue.esm'
+import Vuex from 'vuex'
+import componentMixin from 'component/component'
+
+const componentDef = {
+  mixins: [componentMixin],
+  data: function(){
+    return {}
+  },
+  computed: Vuex.mapState({
+    asyncPageTemplate: state => state.pageTemplate,
+  })
+}
+
+let component = Vue.component('matestack-ui-core-page-content', componentDef)
+
+export default componentDef

data/app/concepts/matestack/ui/core/page/content.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Page
+  class Content < Matestack::Ui::Core::Component::Dynamic
+
+  end
+end

data/app/concepts/matestack/ui/core/page/page.haml

@@ -0,0 +1,9 @@
+- if context[:params][:only_page] == "true"
+  %div{class: "matestack_page_content"}
+    - @cells.each do |key, cell|
+      = cell.call(:show)
+- else
+  %div{class: "matestack_page"}
+    %div{class: "matestack_page_content"}
+      - @cells.each do |key, cell|
+        = cell.call(:show)

data/app/concepts/matestack/ui/core/page/page.rb

@@ -0,0 +1,175 @@
+module Matestack::Ui::Core::Page
+  class Page < Trailblazer::Cell
+
+    include ActionView::Helpers::TranslationHelper
+    include ::Cell::Haml
+    include Matestack::Ui::Core::ApplicationHelper
+    include Matestack::Ui::Core::ToCell
+
+    view_paths << "#{Matestack::Ui::Core::Engine.root}/app/concepts"
+
+    extend ViewName::Flat
+
+    def self.prefixes
+      _prefixes = super
+      modified_prefixes = _prefixes.map do |prefix|
+        prefix_parts = prefix.split("/")
+
+        if prefix_parts.last.include?(self.name.split("::")[-1].downcase)
+          prefix_parts[0..-2].join("/")
+        else
+          prefix
+        end
+
+      end
+
+      return modified_prefixes + _prefixes
+    end
+
+    def self.views_dir
+      return ""
+    end
+
+    def initialize(model=nil, options={})
+      super
+      generate_page_name
+      set_app_class
+      @nodes = {}
+      @cells = {}
+      options[:controller_instance].instance_variables.each do |controller_instance_var_key|
+        unless controller_instance_var_key.to_s.start_with?("@_")
+          self.instance_variable_set(controller_instance_var_key, options[:controller_instance].instance_variable_get(controller_instance_var_key))
+        end
+      end
+    end
+
+    def prepare
+      true
+    end
+
+    def components(&block)
+      @nodes = Matestack::Ui::Core::PageNode.build(self, nil, context[:params], &block)
+    end
+
+    def nodes_to_cell
+      @nodes.each do |key, node|
+        @cells[key] = to_cell(key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
+      end
+    end
+
+    def partial(&block)
+      return block
+    end
+
+    def slot(&block)
+      Matestack::Ui::Core::PageNode.build(self, nil, context[:params], &block)
+    end
+
+    def isolate(&block)
+      return block
+    end
+
+
+    def show(component_key=nil, only_page=false)
+      prepare
+      return resolve_isolated_component(component_key) if !component_key.nil? && component_key.include?("isolate")
+
+      response
+
+      render_mode = nil
+      render_mode = :only_page if only_page == true
+      render_mode = :render_page_with_app if !@app_class.nil? && only_page == false
+      render_mode = :only_page if @app_class.nil? && only_page == false
+      render_mode = :render_component if !component_key.nil?
+
+      case render_mode
+
+      when :only_page
+        nodes_to_cell
+        render :page
+      when :render_page_with_app
+        concept(@app_class).call(:show, @page_id, @nodes)
+      when :render_component
+        begin
+          if component_key.include?("__")
+            keys_array = component_key.gsub("__", "__components__").split("__").map {|k| k.to_s}
+            page_content_keys = keys_array.select{|key| key.match(/^page_content_/)}
+            if page_content_keys.any?
+              keys_array = keys_array.drop(keys_array.find_index(page_content_keys[0])+2)
+            end
+            node = @nodes.dig(*keys_array)
+            cell = to_cell(component_key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
+            return cell.render_content
+          else
+            node = @nodes[component_key]
+            cell = to_cell(component_key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
+            return cell.render_content
+          end
+        rescue
+          raise "Component '#{component_key}' could not be resolved. Notice: Rerendering currently works only on page-level. \
+          You are therefore currently not able to use 'async' within a component for example!"
+        end
+      end
+    end
+
+    def page_id
+      @custom_page_id ||= @page_id
+    end
+
+    private
+
+      def resolve_isolated_component component_key
+        keys_array = component_key.gsub("__", "__components__").split("__").map {|k| k.to_s}
+        isolate_keys = keys_array.select{|key| key.match(/^isolate_/)}
+        keys_array = keys_array.drop(keys_array.find_index(isolate_keys[0])+2)
+        isolated_scope_method = keys_array[0]
+        if isolated_scope_method.include?("(")
+          isolated_scope_method_name = isolated_scope_method.split("(").first
+          isolated_scope_method_argument = isolated_scope_method.split("(").last.split(")").first
+          isolated_scope_method_argument = JSON.parse(isolated_scope_method_argument)
+          isolated_block = self.send(isolated_scope_method_name, isolated_scope_method_argument.with_indifferent_access)
+        else
+          isolated_block = self.send(isolated_scope_method)
+        end
+        nodes = Matestack::Ui::Core::PageNode.build(
+          self, nil, context[:params], &isolated_block
+        )
+        node = nodes.dig(*keys_array.drop(2))
+        cell = to_cell(component_key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
+        return cell.render_content
+      end
+
+      def generate_page_name
+        name_parts = self.class.name.split("::").map { |name| name.underscore }
+        @page_id = name_parts.join("_")
+      end
+
+      def set_app_class
+        class_name = self.class.name
+        name_parts = class_name.split("::")
+        if name_parts.count <= 2
+          @app_class = nil
+          return
+        end
+
+        app_name = "#{name_parts[1]}"
+        begin
+          app_class = Apps.const_get(app_name)
+          if app_class.is_a?(Class)
+            @app_class = app_class
+          else
+            require_dependency "apps/#{app_name.underscore}"
+            app_class = Apps.const_get(app_name)
+            if app_class.is_a?(Class)
+              @app_class = app_class
+            else
+              @app_class = nil
+            end
+          end
+        rescue
+          @app_class = nil
+        end
+      end
+
+  end
+end