Get ViewComponent working in Superview

Author: bradgessler

Gemfile.lock

@@ -8,23 +8,24 @@ PATH
 GEM
   remote: https://rubygems.org/
   specs:
-    actionpack (8.0.1)
-      actionview (= 8.0.1)
-      activesupport (= 8.0.1)
+    actionpack (7.2.2.1)
+      actionview (= 7.2.2.1)
+      activesupport (= 7.2.2.1)
       nokogiri (>= 1.8.5)
-      rack (>= 2.2.4)
+      racc
+      rack (>= 2.2.4, < 3.2)
       rack-session (>= 1.0.1)
       rack-test (>= 0.6.3)
       rails-dom-testing (~> 2.2)
       rails-html-sanitizer (~> 1.6)
       useragent (~> 0.16)
-    actionview (8.0.1)
-      activesupport (= 8.0.1)
+    actionview (7.2.2.1)
+      activesupport (= 7.2.2.1)
       builder (~> 3.1)
       erubi (~> 1.11)
       rails-dom-testing (~> 2.2)
       rails-html-sanitizer (~> 1.6)
-    activesupport (8.0.1)
+    activesupport (7.2.2.1)
       base64
       benchmark (>= 0.3)
       bigdecimal
@@ -36,7 +37,6 @@ GEM
       minitest (>= 5.1)
       securerandom (>= 0.3)
       tzinfo (~> 2.0, >= 2.0.5)
-      uri (>= 0.13.1)
     base64 (0.2.0)
     benchmark (0.4.0)
     bigdecimal (3.1.8)
@@ -58,6 +58,7 @@ GEM
     loofah (2.23.1)
       crass (~> 1.0.2)
       nokogiri (>= 1.12.0)
+    method_source (1.1.0)
     minitest (5.25.4)
     nokogiri (1.17.2-arm64-darwin)
       racc (~> 1.4)
@@ -85,9 +86,9 @@ GEM
     rails-html-sanitizer (1.6.2)
       loofah (~> 2.21)
       nokogiri (>= 1.15.7, != 1.16.7, != 1.16.6, != 1.16.5, != 1.16.4, != 1.16.3, != 1.16.2, != 1.16.1, != 1.16.0.rc1, != 1.16.0)
-    railties (8.0.1)
-      actionpack (= 8.0.1)
-      activesupport (= 8.0.1)
+    railties (7.2.2.1)
+      actionpack (= 7.2.2.1)
+      activesupport (= 7.2.2.1)
       irb (~> 1.13)
       rackup (>= 1.0.0)
       rake (>= 12.2)
@@ -120,8 +121,11 @@ GEM
     thor (1.3.2)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    uri (1.0.2)
     useragent (0.16.11)
+    view_component (3.0.0)
+      activesupport (>= 5.2.0, < 8.0)
+      concurrent-ruby (~> 1.0)
+      method_source (~> 1.0)
     zeitwerk (2.7.1)
 
 PLATFORMS
@@ -134,6 +138,7 @@ DEPENDENCIES
   rake (~> 13.0)
   rspec-rails (~> 7.0)
   superview!
+  view_component (~> 3.0.0)
 
 BUNDLED WITH
    2.4.8

spec/rails_helper.rb

@@ -3,6 +3,7 @@
 require "rspec/rails"
 require "spec_helper"
 require "phlex-rails"
+require "view_component"
 
 # Configure a minimal application for ActionController
 class TestApplication < Rails::Application

spec/superview_spec.rb

@@ -21,6 +21,17 @@ def view_template
     end
   end
 
+  class Edit < ViewComponent::Base
+    attr_writer :post
+
+    def call
+      <<~HTML
+        h1 { "Edit #{@post.title}" }
+        div(class: "prose") { "#{@post.body}" }
+      HTML
+    end
+  end
+
   def new
     render inline: "Don't hit new"
   end
@@ -54,6 +65,7 @@ def load_post
     Rails.application.routes.draw do
       get "posts/show", to: "posts#show"
       get "posts/new", to: "posts#new"
+      get "posts/edit", to: "posts#edit"
       get "posts/a_class", to: "posts#a_class"
       get "posts/an_instance", to: "posts#an_instance"
       get "posts/a_string", to: "posts#a_string"
@@ -88,6 +100,14 @@ def load_post
     end
   end
 
+  describe "GET #edit" do
+    it "renders the Phlex view for the action" do
+      get :edit
+      expect(response.body).to include("Edit Test Post")
+      expect(response.body).to include("This is a test body.")
+    end
+  end
+
   describe "GET #an_instance" do
     it "renders the Phlex view for the action" do
       get :an_instance

superview.gemspec

@@ -37,4 +37,5 @@ Gem::Specification.new do |spec|
 
   # For more information and examples about making a new gem, check out our
   # guide at: https://bundler.io/guides/creating_gem.html
+  spec.add_development_dependency "view_component", "~> 3.0.0"
 end