basemate-ui-core 0.2.0

data/Rakefile

@@ -0,0 +1,32 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Basemate::Ui::Core'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

data/app/assets/config/basemate_ui_core_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts/basemate/ui/core .js
+//= link_directory ../stylesheets/basemate/ui/core .css

data/app/assets/javascripts/basemate/ui/core/application.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require rails-ujs
+//= require activestorage
+//= require_tree .

data/app/assets/stylesheets/basemate/ui/core/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

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

@@ -0,0 +1,75 @@
+module App::Cell
+  class App < Trailblazer::Cell
+    include ActionView::Helpers::ActiveModelHelper
+    include ActionView::Helpers::ActiveModelInstanceTag
+    include ActionView::Helpers::AssetTagHelper
+    include ActionView::Helpers::AssetUrlHelper
+    include ActionView::Helpers::AtomFeedHelper
+    include ActionView::Helpers::CacheHelper
+    include ActionView::Helpers::CaptureHelper
+    include ActionView::Helpers::CspHelper
+    include ActionView::Helpers::CsrfHelper
+    include ActionView::Helpers::DateHelper
+    include ActionView::Helpers::DebugHelper
+    include ActionView::Helpers::FormHelper
+    include ActionView::Helpers::FormOptionsHelper
+    include ActionView::Helpers::FormTagHelper
+    include ActionView::Helpers::JavaScriptHelper
+    include ActionView::Helpers::NumberHelper
+    include ActionView::Helpers::OutputSafetyHelper
+    include ActionView::Helpers::RecordTagHelper
+    # include ActionView::Helpers::RenderingHelper
+    include ActionView::Helpers::SanitizeHelper
+    include ActionView::Helpers::TagHelper
+    include ActionView::Helpers::TextHelper
+    include ActionView::Helpers::TranslationHelper
+    include ActionView::Helpers::UrlHelper
+    include ::Cell::Haml
+    include ::Basemate::Ui::Core::ApplicationHelper
+    include Shared::Utils::ToCell
+    # include ::Rails.application.routes.url_helpers
+
+    view_paths << "#{Basemate::Ui::Core::Engine.root}/app/concepts"
+
+    def initialize(model=nil, options={})
+      super
+      @nodes = {}
+      @cells = {}
+      @page_block = nil
+      setup
+    end
+
+    def setup
+      true
+    end
+
+    def prepare
+      true
+    end
+
+
+    def show(page_nodes, &block)
+      @page_nodes = page_nodes
+      prepare
+      response
+      render(view: :app, &block)
+    end
+
+    def page_nodes
+      @page_nodes
+    end
+
+    def components(&block)
+      @nodes = ::App::Utils::AppNode.build(self, &block)
+
+      @nodes.each do |key, node|
+        @cells[key] = to_cell(key, node["component_name"], node["config"], node["argument"], node["components"])
+      end
+    end
+
+    def partial(&block)
+      ::App::Utils::AppNode.build(self, &block)
+    end
+
+  end
+end

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

@@ -0,0 +1,27 @@
+import Vue from 'vue/dist/vue.esm'
+import axios from 'axios'
+import VRuntimeTemplate from "v-runtime-template"
+import Vuex from 'vuex'
+
+const componentDef = {
+  props: ['appConfig', 'params'],
+  data: function(){
+    return {}
+  },
+  computed: Vuex.mapState({
+    asyncTemplate: state => state.pageTemplate,
+  }),
+  mounted: function(){
+    const self = this;
+    window.onpopstate = function(event) {
+      self.$store.dispatch("navigateTo", {url: document.location.pathname, backwards: true} );
+    }
+  },
+  components: {
+    VRuntimeTemplate: VRuntimeTemplate
+  }
+}
+
+let component = Vue.component('app', componentDef)
+
+export default componentDef

data/app/concepts/app/js/store.js

@@ -0,0 +1,66 @@
+import Vue from 'vue/dist/vue.esm'
+import Vuex from 'vuex'
+import axios from 'axios'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+    pageTemplate: null,
+    currentPath: document.location.pathname
+  },
+  mutations: {
+    setPageTemplate (state, serverResponse){
+      state.pageTemplate = serverResponse
+    },
+    setCurrentPath (state, path){
+      state.currentPath = path
+    }
+  },
+  actions: {
+    navigateTo ({ commit, state }, { url, backwards }) {
+      if (typeof basemateUiCoreTransitionStart !== 'undefined') {
+        basemateUiCoreTransitionStart(url);
+      }
+      if (!window.history.pushState) {
+        document.location.href = url;
+        return;
+      }
+      return new Promise((resolve, reject) => {
+        axios({
+          method: "get",
+          url: url,
+          headers: {
+            'X-CSRF-Token': document.getElementsByName("csrf-token")[0].getAttribute('content')
+          },
+          params: {"only_page": true}
+        })
+        .then(function(response){
+          if (backwards){
+            window.history.replaceState({basemateApp: true, url: url}, null, url);
+          } else {
+            window.history.pushState({basemateApp: true, url: url}, null, url);
+          }
+          setTimeout(function () {
+            resolve(response["data"])
+            commit('setPageTemplate', response["data"])
+            commit('setCurrentPath', url)
+            if (typeof basemateUiCoreTransitionSuccess !== 'undefined') {
+              basemateUiCoreTransitionSuccess(url);
+            }
+          }, 300);
+        })
+        .catch(function(response){
+          setTimeout(function () {
+            resolve(response["data"])
+            if (typeof basemateUiCoreTransitionError !== 'undefined') {
+              basemateUiCoreTransitionError(url);
+            }
+          }, 300);
+        })
+      })
+    }
+  }
+})
+
+export default store

data/app/concepts/app/utils/app_node.rb

@@ -0,0 +1,53 @@
+module App::Utils
+  class AppNode
+
+    def self.build(app_instance, &block)
+      node = AppNode.new(app_instance)
+      node.instance_eval(&block)
+      node.hash
+    end
+
+    attr_reader :hash
+
+    def initialize(app_instance)
+      @hash = {}
+      @node_start_id = 0
+      @app_instance = app_instance
+      app_instance.instance_variables.each do |app_instance_var_key|
+        self.instance_variable_set(app_instance_var_key, app_instance.instance_variable_get(app_instance_var_key))
+      end
+    end
+
+    def method_missing meth, *args, &block
+      begin
+        @app_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
+
+        if meth == :page_content
+          @hash[current_node]["components"] = @app_instance.send(:page_nodes)
+        elsif meth == :partial
+          @hash[current_node]["components"] = @app_instance.send(args.first, *args.drop(1))
+        else
+          if args.first.is_a?(Hash)
+            @hash[current_node]["config"] = args.first
+          else
+            @hash[current_node]["argument"] = args.first
+          end
+
+          if block_given?
+            @hash[current_node]["components"] = AppNode.build(@app_instance, &block)
+          end
+        end
+      end
+
+    end
+
+  end
+end

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

@@ -0,0 +1,4 @@
+%component{"is": "app", "inline-template": true}
+  %div
+    - @cells.each do |key, cell|
+      = cell.call(:show)

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

@@ -0,0 +1,110 @@
+module Component::Cell
+  class Dynamic < Trailblazer::Cell
+    include ActionView::Helpers::ActiveModelHelper
+    include ActionView::Helpers::ActiveModelInstanceTag
+    include ActionView::Helpers::AssetTagHelper
+    include ActionView::Helpers::AssetUrlHelper
+    include ActionView::Helpers::AtomFeedHelper
+    include ActionView::Helpers::CacheHelper
+    include ActionView::Helpers::CaptureHelper
+    include ActionView::Helpers::CspHelper
+    include ActionView::Helpers::CsrfHelper
+    include ActionView::Helpers::DateHelper
+    include ActionView::Helpers::DebugHelper
+    include ActionView::Helpers::FormHelper
+    include ActionView::Helpers::FormOptionsHelper
+    include ActionView::Helpers::FormTagHelper
+    include ActionView::Helpers::JavaScriptHelper
+    include ActionView::Helpers::NumberHelper
+    include ActionView::Helpers::OutputSafetyHelper
+    include ActionView::Helpers::RecordTagHelper
+    # include ActionView::Helpers::RenderingHelper
+    include ActionView::Helpers::SanitizeHelper
+    include ActionView::Helpers::TagHelper
+    include ActionView::Helpers::TextHelper
+    include ActionView::Helpers::TranslationHelper
+    include ActionView::Helpers::UrlHelper
+    # include ActionView::Helpers::UrlHelper
+    # include ActionView::Helpers::TranslationHelper
+    include ::Cell::Haml
+    include ::Basemate::Ui::Core::ApplicationHelper
+    include Shared::Utils::ToCell
+
+    view_paths << "#{Basemate::Ui::Core::Engine.root}/app/concepts"
+    view_paths << "#{::Rails.root}/app/basemate"
+
+    def initialize(model=nil, options={})
+      super
+      @component_config = options.except(:context, :children, :url_params)
+      @url_params = options[:url_params].except(:action, :controller, :component_key)
+      @component_key = options[:component_key]
+      @children_cells = {}
+      @controller_context = context[:controller_context]
+      @argument = model
+      @static = false
+      generate_component_name
+      generate_children_cells
+      setup
+    end
+
+    def self.static
+      @static = true
+    end
+
+    def setup
+      true
+    end
+
+    def show(&block)
+      render(view: :dynamic, &block)
+    end
+
+    def render_children
+      render(view: :children)
+    end
+
+    def render_content(&block)
+      render do
+        render_children
+      end
+    end
+
+    def component_id
+      options[:id] ||= @component_key
+    end
+
+    def js_action name, arguments
+      argumentString = arguments.join('", "')
+      argumentString = '"' + argumentString + '"'
+      [name, '(', argumentString, ')'].join("")
+    end
+
+    def navigate_to path
+      js_action("navigateTo", [path])
+    end
+
+    private
+
+      def generate_children_cells
+        unless options[:children].nil?
+          options[:children].each do |key, node|
+            @children_cells[key] = to_cell("#{@component_key}__#{key}", node["component_name"], node["config"], node["argument"], node["components"])
+          end
+        end
+      end
+
+      def generate_component_name
+        name_parts = self.class.name.split("::")
+        name = name_parts[0] + name_parts[1]
+        if name_parts[0] == name_parts[2]
+          name = name_parts[0] + name_parts[1]
+          @component_class =  name.underscore.gsub("_", "-")
+        else
+          name = name_parts[0] + name_parts[2] + name_parts[1]
+          @component_class = name.underscore.gsub("_", "-")
+        end
+        @component_name = @component_class.gsub("-cell", "")
+      end
+
+  end
+end

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

@@ -0,0 +1,14 @@
+module Component::Cell
+  class Static < Component::Cell::Dynamic
+
+    def initialize(model=nil, options={})
+      super
+      @static = true
+    end
+
+    def show(&block)
+      render(view: :static, &block)
+    end
+
+  end
+end

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

@@ -0,0 +1,38 @@
+import Vue from 'vue/dist/vue.esm'
+import axios from 'axios'
+import VRuntimeTemplate from "v-runtime-template"
+
+const componentMixin = {
+  props: ['componentConfig', 'params'],
+  data: function(){
+    return {
+      asyncTemplate: null
+    }
+  },
+  methods: {
+    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()
+    }
+  },
+  components: {
+    VRuntimeTemplate: VRuntimeTemplate
+  }
+}
+
+export default componentMixin