proscenium 0.2.1-x86_64-linux → 0.3.0-x86_64-linux

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3865fbb2c2e0c606febd498305b5c547f4ed96ff271012f0a0a0069f7178bed0
-  data.tar.gz: 4961bfa53fb5f2e495e7b5d60903fc9898cf61f9c6ac4b7fe1d33fd6e7c028d6
+  metadata.gz: 99abd883a1350e998b01ccd263607a8213c9efa13c13e8d691f58841f29fd355
+  data.tar.gz: 8958a092b13c4ff55ad664f8b37c48061f8ccf1cba5ce4f8a15d2b53c71dc74d
 SHA512:
-  metadata.gz: c270f788bc4f61af038d19ce5250f70bbd3684061cfb2d865a5522c148ca78e713c47506c1813a73e72e11cd37f9c30d471bb04f617bbda14b7d26ded41b1b40
-  data.tar.gz: 894ff8cc3f247356d8cf1983fda1dba591d33fb309aaedc765d30445a2d9eba97608f656c9e4c5fb72c12c81da088e7dd15d2f55685128bdd1cda9966156b80c
+  metadata.gz: ebcd43b63938a33ab45d24ac9bbf234a33bf886a6078dd8870d594749a780cb1dfa3dcde4879c83785f8c822bdb9fef9c36fd32ee2bde5b140c90efe2612954b
+  data.tar.gz: 5520e4305d344a4dd9e6ac09f3c529c4ed37262df1d7dae6ce1f7c6a717b9091985352ed628a5030e6fcf2ff7bcebf84de93205ee07677a67250a13521c8b0ec

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-linux
 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