add rails_view component to render rails legacy views

Author: Nils Henning

CHANGELOG.md

@@ -363,7 +363,7 @@ def my_simple_slot
 end
 ```
 
-### Components in Rails Legacy Views
+### Components in Rails Views
 
 It is now possible to use core and custom components in your Rails legacy views. Matestack provides a `matestack_component` helper to use components in views and partials.
 
@@ -395,6 +395,17 @@ And use it in your view as follows:
 <%= matestack_component(:header_component, title: 'A Title') %>
 ```
 
+### Rails Views in Matestack Pages/Components
+
+To render existing rails views inside your components or pages use the new `rails_view` component. It replaces the old `html` component.
+You can render existing partials and views with this helper anywhere in your app. 
+Views/Partials that are rendered with a `rails_view` component can access instance variables of the corresponding controller 
+or you can pass data directly as a hash to it and access it in your view. See below for further details and examples.
+
+Rails View in a component:
+```
+```
+
 
 ### Removed Components
 

Gemfile

@@ -30,6 +30,7 @@ group :development, :test do
   gem 'pry-rails'
   gem 'pry-byebug'
   gem 'turbolinks'
+  gem 'simple_form'
 end
 
 group :test do

Gemfile.lock

@@ -221,6 +221,9 @@ GEM
     selenium-webdriver (3.142.7)
       childprocess (>= 0.5, < 4.0)
       rubyzip (>= 1.2.2)
+    simple_form (5.0.2)
+      actionpack (>= 5.0)
+      activemodel (>= 5.0)
     simplecov (0.18.1)
       docile (~> 1.1)
       simplecov-html (~> 0.11.0)
@@ -290,6 +293,7 @@ DEPENDENCIES
   rspec-retry
   rspec-wait (~> 0.0.9)
   selenium-webdriver (~> 3.142, >= 3.142.7)
+  simple_form
   simplecov
   sqlite3 (~> 1.4)
   trailblazer

app/concepts/matestack/ui/core/component/base.rb

@@ -50,17 +50,20 @@ def initialize(model = nil, options = {})
       # and it just grabs @options[:context]
       @controller_context = context&.fetch(:controller_context, nil)
 
+      # Add matestack context, containing controller etc.
+      @matestack_context = options.dig(:matestack_context)
+
       # TODO: technically only relevant for Dynamic, however it relies on
       # @options being set but must be set before `setup` is called.
       # As both happen in this controller it isn't possible to squeeze
       # it inbetween the super calls in the Dynamic super class.
       #
       # This is the configuration for the VueJS component
-      @component_config = @options.except(:context, :children, :url_params, :included_config)
+      @component_config = @options.except(:context, :children, :url_params, :included_config, :matestack_context)
 
       # TODO: no idea why this is called `url_params` it contains
       # much more than this e.g. almost all params so maybe rename it?
-      @url_params = context&.[](:params)&.except(:action, :controller, :component_key)
+      @url_params = context&.[](:params)&.except(:action, :controller, :component_key, :matestack_context)
 
       # used when creating the child component tree
       # if true, the block of an async component with a defer value will not be processed
@@ -309,26 +312,34 @@ def yield_components
     # should work currently
     def add_context_to_options(args, included_config=nil)
       case args.size
-      when 0 then [{context: context, included_config: included_config}]
+      when 0 then [
+        {
+          context: context, 
+          included_config: included_config,
+        }
+        ]
       when 1 then
         arg = args.first
         if arg.is_a?(Hash)
           arg[:context] = context
           arg[:included_config] = included_config
+          arg[:matestack_context] = @matestack_context
           [arg]
         else
-          [arg, {context: context, included_config: included_config}]
+          [arg, {context: context, included_config: included_config, matestack_context: @matestack_context}]
         end
       when 2 then
         if args[1] == :include
           if args.first.is_a?(Hash)
             args.first[:context] = context
             args.first[:included_config] = included_config
+            args.first[:matestack_context] = @matestack_context
             [args.first]
           end
         else
           args[1][:context] = context
           args[1][:included_config] = included_config
+          args[1][:matestack_context] = @matestack_context
           [args.first, args[1]]
         end
       else

app/concepts/matestack/ui/core/html/html.haml

@@ -8,7 +8,6 @@ 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'

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

@@ -0,0 +1 @@
+= include_partial

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

@@ -0,0 +1,34 @@
+require_dependency "cell/partial"
+
+module Matestack::Ui::Core::View
+  class View < Matestack::Ui::Core::Component::Static
+    include Cell::ViewModel::Partial
+    view_paths << "#{::Rails.root}/app/views"
+
+    # Only one option should be set at a time. If view is set partial will be ignored.
+    optional view: { as: :view_path } # Specify a view path to render
+    optional partial: { as: :partial_path } # Specifiy a partial to render
+
+    def vue_js_component_name
+      'matestack-ui-core-rails-view'
+    end
+
+    def include_partial
+      controller = @view_context.present? ? @view_context.controller : options[:matestack_context][:controller]
+      if view_path
+        controller.render_to_string view_path, layout: false, locals: locals
+      elsif partial_path
+        controller.render_to_string partial: partial_path, layout: false, locals: locals
+      else  
+        raise 'view or partial param missing for RailsView Component'
+      end
+    end
+
+    private
+
+    def locals
+      options.except(:matestack_context, :partial, :view, :partial_path, :view_path, :included_config, :context)
+    end
+
+  end
+end