proscenium 0.2.1-arm64-darwin → 0.4.0-arm64-darwin

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7d944d36dfe023a4b4362445785ba3474b821abcad06b4937f011ebe4f1ebd84
-  data.tar.gz: 63782a1bb192110a39f96aa9ad2ca75897fa10f272076b78263cf850a7d44088
+  metadata.gz: 3a71069b55cb923c3557b54da0f5bfda8f63b862f3c223e1e2f1408242195c1f
+  data.tar.gz: cbe7532e87bcbac6c3a16444781c09cdd59792edce998b2b1c1c8a0ef57a6803
 SHA512:
-  metadata.gz: 4ac677e20d44ded3f3e49e96265cc31d7263bd35453b86d789b714b58223763cf0e4bcd0ded9ec097d5890793eea5692ad8f68b7038a5cef99634a8782617cc6
-  data.tar.gz: f145d102c93d03fee83966982d497f702bc12e066e2cc6d16ce7bab2ca3e330115f2c6f42bac2637666e3e3519e5f6122aaa4750fe6639d242a6a31ab1a7aaa7
+  metadata.gz: ff89bc3894fcb917891cd567afb148e47d96055f9ab19a1b530694195c6f4d30f5ce2ed861347b742db3fc4872251f0bf2d9b184352cd7800d5a4a5c23b33dea
+  data.tar.gz: 147faf9f9295ce0aa82815aa8465bad5ae95eeb064f485526c6fc41696de0e775db2da8942117a574ee6dc44b631517d516d3ec0b6e29a3eb512a5758d507aa2

data/lib/proscenium/compilers/esbuild/env_plugin.js

@@ -1,10 +1,13 @@
 import setup from './setup_plugin.js'
 
+// Export environment variables as named exports only. You can also import from `env:ENV_VAR_NAME`,
+// which will return the value of the environment variable as the default export. This allows you to
+// safely import a variable regardless of its existence.
 export default setup('env', () => {
   return [
     {
       type: 'onResolve',
-      filter: /^env$/,
+      filter: /^env(:.+)?$/,
       callback({ path }) {
         return { path, namespace: 'env' }
       }
@@ -14,9 +17,27 @@ export default setup('env', () => {
       type: 'onLoad',
       filter: /.*/,
       namespace: 'env',
-      callback() {
+      callback({ path }) {
+        if (path.includes(':')) {
+          return {
+            loader: 'js',
+            contents: `export default ${Deno.env.get(path.split(':')[1])}`
+          }
+        }
+
         const env = Deno.env.toObject()
-        return { loader: 'json', contents: JSON.stringify(env) }
+        const contents = []
+
+        for (const key in env) {
+          if (Object.hasOwnProperty.call(env, key)) {
+            contents.push(`export const ${key} = '${env[key]}'`)
+          }
+        }
+
+        return {
+          loader: 'js',
+          contents: contents.join(';')
+        }
       }
     }
   ]

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.4.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.4.0
 platform: arm64-darwin
 authors:
 - Joel Moss
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-20 00:00:00.000000000 Z
+date: 2022-10-29 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