added support for action view and url helper access in standalone component rendering through matestack_component helper

Author: jonasjabari

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

@@ -245,7 +245,7 @@ def add_child(child_class, *args, &block)
 
       # check only allowed keys are passed to isolated components
       if child_class < Matestack::Ui::Core::Isolated::Isolated
-        unless args.empty? || args[0].keys.all? { |key| [:defer, :public_options, :rerender_on, :init_on, :rerender_delay, :matestack_context].include? key }
+        unless args.empty? || args[0].keys.all? { |key| [:defer, :public_options, :rerender_on, :init_on, :rerender_delay, :matestack_context, :context].include? key }
           raise "isolated components can only take params in a public_options hash, which will be exposed to the client side in order to perform an async request with these params."
         end
         if args.any? { |arg| arg[:init_on].present? } && @matestack_skip_defer == true

app/helpers/matestack/ui/core/application_helper.rb

@@ -102,8 +102,8 @@ def matestack_component(component, options = {}, &block)
           controller = (self.class <= ActionController::Base) ? self : @_controller
           context = (options[:matestack_context] ||= {}).merge(controller: controller)
           Matestack::Ui::Core::Component::Base
-            .new(options.merge(matestack_context: context))
-            .send(component, options.merge(matestack_context: context), &block).to_s
+            .new(options.merge(context: context, matestack_context: context))
+            .send(component, options.merge(context: context, matestack_context: context), &block).to_s
         end
       end
     end

app/lib/matestack/ui/core/has_view_context.rb

@@ -2,13 +2,15 @@ module Matestack::Ui::Core::HasViewContext
   def initialize(*args)
     super
     @view_context = @options.dig(:context, :view_context)
+    unless @view_context
+      @view_context = @options.dig(:matestack_context, :controller)&.view_context
+    end
   end
-
   def method_missing(*args, &block)
     if @view_context.respond_to? args.first
       @view_context.send(*args, &block)
     else
       raise NameError, "NameError: undefined method or local variable `#{args.first}' for #{self.class.name}"
     end
   end
-end
+end

spec/dummy/app/controllers/legacy_views/pages_controller.rb

@@ -6,14 +6,14 @@ class LegacyViews::PagesController < ApplicationController
 
   def action_inline
   end
-  
+
   def action_custom_component
     @title = 'Test Title'
   end
-  
+
   def async_custom_component
   end
-  
+
   def async_inline
   end
 
@@ -45,6 +45,9 @@ def form_custom_component
   def onclick_custom_component
   end
 
+  def viewcontext_custom_component
+  end
+
   def isolated_custom_component
     render 'isolated_custom_component'
   end
@@ -78,4 +81,4 @@ def dummy_model_params
     )
   end
 
-end
+end

spec/dummy/app/matestack/components/legacy_views/pages/viewcontext.rb

@@ -0,0 +1,14 @@
+class Components::LegacyViews::Pages::Viewcontext < Matestack::Ui::Component
+
+  def response
+    div id: "my-component" do
+      if @view_context.view_renderer.instance_of?(ActionView::Renderer)
+        plain "has access to ActionView Context"
+      end
+      plain link_to "Test Link", "/some/page" # calling an ActionView Url Helper here
+      plain time_ago_in_words(3.minutes.from_now) # calling an ActionView Date Helper here
+      plain "root_path: #{root_path}" # calling a Path Helper here
+    end
+  end
+
+end

spec/dummy/app/matestack/components/registry.rb

@@ -13,6 +13,7 @@ module Components::Registry
     legacy_views_pages_form: Components::LegacyViews::Pages::Form,
     legacy_views_pages_onclick: Components::LegacyViews::Pages::Onclick,
     legacy_views_pages_isolated: Components::LegacyViews::Pages::Isolated,
+    legacy_views_pages_viewcontext: Components::LegacyViews::Pages::Viewcontext,
   )
 
 end

spec/dummy/app/views/legacy_views/pages/isolated_custom_component.html.erb

@@ -1,4 +1,4 @@
 <h1>Isolated Custom Component</h1>
 <%=
   matestack_component(:legacy_views_pages_isolated, rerender_on: 'update_time' )
-%>
+%>

spec/dummy/app/views/legacy_views/pages/viewcontext_custom_component.html.erb

@@ -0,0 +1,2 @@
+<h1>Viewcontext Custom Component</h1>
+<%= matestack_component(:legacy_views_pages_viewcontext) %>

spec/dummy/config/routes.rb

@@ -2,6 +2,8 @@
 
   mount Matestack::Ui::Core::Engine, at: '/matestack'
 
+  root to: 'my_app#my_first_page'
+
   scope :components_tests do
     get "static_rendering_test/:component", to: 'components_tests#static_rendering_test', as: "components_tests"
     get "custom_components_test", to: 'components_tests#custom_components_test'
@@ -55,6 +57,7 @@
     get 'form_custom_component', to: 'pages#form_custom_component'
     get 'onclick_custom_component', to: 'pages#onclick_custom_component'
     get 'isolated_custom_component', to: 'pages#isolated_custom_component'
+    get 'viewcontext_custom_component', to: 'pages#viewcontext_custom_component'
     post 'success', to: 'pages#success'
     post 'failure', to: 'pages#failure'
     post 'create', to: 'pages#create'

spec/test/base/core/app/action_view_context_spec.rb

@@ -27,6 +27,7 @@ def response
         end
         plain link_to "Test Link", "/some/page" # calling an ActionView Url Helper here
         plain time_ago_in_words(3.minutes.from_now) # calling an ActionView Date Helper here
+        plain "root_path: #{root_path}" # calling a Path Helper here
         main do
           page_content
         end
@@ -55,6 +56,7 @@ def page1
     expect(page).to have_content("Test Link")
     expect(page).to have_content("has access to ActionView Context")
     expect(page).to have_content("3 minutes")
+    expect(page).to have_content("root_path: /")
   end
 
 end