proscenium 0.2.1-x86_64-darwin → 0.3.0-x86_64-darwin

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9ff3e6f9ef3c0899228d17e682c38689bc9d82fad512b0c5036c2cfda42fe315
-  data.tar.gz: fbab1b6e960ef567c011accf9ebdd338fe65bebebc1547b44f2cc1604211708f
+  metadata.gz: 41451bb7fb99e0c3a26cc8e9e76e9db9da134f027c6178b504eb6241066e4617
+  data.tar.gz: 7ed47753820edebfc0f38a95030af31d02ce5b8290cbf5e48febe289a5db71f5
 SHA512:
-  metadata.gz: 92619349a36b89440908b4b1e43e5c5dc522c3613675966739eb0bd42d39a7c09c123572b3cb5dd09d03e2a7823c2ecf9fbf1d50530b7d130a8508d2e7c34934
-  data.tar.gz: a3fbda539dc68995d3bea2652db8c71b78a8ba025b6db7c20a9b58aa9a5397fd711a6c18b3123664023b923d538bdada3cd66af61e53c4aa8215ad4390b3eeea
+  metadata.gz: cc0b1bda992c1b2e0e740d7089e0c229bccf65c34b8254a8603cf040337d4ce1353856397c9fef2487fbed7daee5b08d459bed835d20fdc7f469dc9d026e7209
+  data.tar.gz: 14024fd83e150ddcd6352a607c7f8696de46595d4db00a5a27928cc2cd4c0a2ce16804fb2ea0e06ada793c3fa42ff7771def88becd9777d2d8a00df76a44f6c3

data/lib/proscenium/phlex/component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class Proscenium::Phlex::Component < Proscenium::Phlex
+  private
+
+  def virtual_path
+    "/#{self.class.name.underscore}"
+  end
+end

data/lib/proscenium/phlex/react_component.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+#
+# Renders a div for use with component-manager.
+#
+class Proscenium::Phlex::ReactComponent < Proscenium::Phlex::Component
+  attr_accessor :props, :lazy
+
+  # @param props: [Hash]
+  # @param lazy: [Boolean] Lazy load the component using IntersectionObserver. Default: true.
+  def initialize(props: {}, lazy: true) # rubocop:disable Lint/MissingSuper
+    @props = props
+    @lazy = lazy
+  end
+
+  # @yield the given block to a `div` within the top level component div. If not given,
+  #   `<div>loading...</div>` will be rendered. Use this to display a loading UI while the component
+  #   is loading and rendered.
+  def template(&block)
+    div class: ['componentManagedByProscenium', '@component'],
+        data: { component: { path: virtual_path, props: props, lazy: lazy }.to_json } do
+      block ? div(&block) : div { 'loading...' }
+    end
+  end
+end

data/lib/proscenium/phlex.rb

@@ -1,7 +1,30 @@
 # frozen_string_literal: true
 
+require 'phlex'
+
 module Proscenium
   class Phlex < ::Phlex::View
+    extend ActiveSupport::Autoload
+
+    autoload :Component
+    autoload :ReactComponent
+
+    module Helpers
+      def side_load_javascripts(...)
+        if (output = @_view_context.side_load_javascripts(...))
+          @_target << output
+        end
+      end
+
+      %i[side_load_stylesheets proscenium_dev].each do |name|
+        define_method name do
+          if (output = @_view_context.send(name))
+            @_target << output
+          end
+        end
+      end
+    end
+
     module Sideload
       def template(...)
         Proscenium::SideLoad.append self.class.path if Rails.application.config.proscenium.side_load
@@ -18,6 +41,7 @@ module Proscenium
         child.path = path.delete_prefix(::Rails.root.to_s).delete_suffix('.rb')[1..]
 
         child.prepend Sideload
+        child.include Helpers
 
         super
       end

data/lib/proscenium/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Proscenium
-  VERSION = '0.2.1'
+  VERSION = '0.3.0'
 end

data/{app/components → lib/proscenium/view_component}/react_component.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-class ReactComponent < ApplicationComponent
+class Proscenium::ViewComponent::ReactComponent < Proscenium::ViewComponent
   attr_accessor :props, :lazy
 
   # @param props: [Hash]
@@ -15,7 +15,7 @@ class ReactComponent < ApplicationComponent
   def call
     tag.div class: ['componentManagedByProscenium', css_module(:component)],
             data: { component: { path: virtual_path, props: props, lazy: lazy } } do
-      tag.div content
+      tag.div content || 'loading...'
     end
   end
 end

data/lib/proscenium/view_component.rb

@@ -1,12 +1,15 @@
 # frozen_string_literal: true
 
-module Proscenium::ViewComponent
+require 'view_component'
+
+class Proscenium::ViewComponent < ViewComponent::Base
   extend ActiveSupport::Autoload
 
   autoload :TagBuilder
+  autoload :ReactComponent
 
   def render_in(...)
-    cssm.compile_class_names(super)
+    cssm.compile_class_names(super(...))
   end
 
   def before_render

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: proscenium
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.3.0
 platform: x86_64-darwin
 authors:
 - Joel Moss
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-20 00:00:00.000000000 Z
+date: 2022-10-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actioncable
@@ -92,6 +92,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.13'
+- !ruby/object:Gem::Dependency
+  name: phlex
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.0
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
@@ -140,8 +154,6 @@ files:
 - README.md
 - app/channels/proscenium/connection.rb
 - app/channels/proscenium/reload_channel.rb
-- app/components/application_component.rb
-- app/components/react_component.rb
 - bin/esbuild
 - bin/lightningcss
 - config/routes.rb
@@ -171,6 +183,8 @@ files:
 - lib/proscenium/middleware/runtime.rb
 - lib/proscenium/middleware/static.rb
 - lib/proscenium/phlex.rb
+- lib/proscenium/phlex/component.rb
+- lib/proscenium/phlex/react_component.rb
 - lib/proscenium/precompile.rb
 - lib/proscenium/railtie.rb
 - lib/proscenium/runtime/auto_reload.js
@@ -180,6 +194,7 @@ files:
 - lib/proscenium/utils.js
 - lib/proscenium/version.rb
 - lib/proscenium/view_component.rb
+- lib/proscenium/view_component/react_component.rb
 - lib/proscenium/view_component/tag_builder.rb
 - lib/tasks/assets.rake
 homepage: https://github.com/joelmoss/proscenium

data/app/components/application_component.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-require 'view_component'
-
-class ApplicationComponent < ViewComponent::Base
-  include Proscenium::ViewComponent
-end