isomorfeus-preact 22.9.0.rc8 → 22.9.0.rc9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 33afa95cb2a08cd3e365b0fe5b602590f43ece313552f760047ed92ccef388b8
-  data.tar.gz: 6d23e97bc3af2352863e6b4fc0c8b8bab6ef471cddf1f5a63ce02bfeaf137e3b
+  metadata.gz: 28d9e79cef1f470a18cf3ceb7e24e4b1e87d544bdf3f9ea8e8c466f6e5f135c6
+  data.tar.gz: 0f07f213e0ed7aafb22f7abe64ea41a0b2b1d14dace721dcf01611d19b52f403
 SHA512:
-  metadata.gz: 3b4cb524901cf8eaef3832d227874251db99c52ea643c1230903def189b565338e856abecd0a673cb4855fef82f63d955780040565a7f73901dc46175146afca
-  data.tar.gz: 66c58db0fa7a4717570b07552da43aa6b89f54e54ce8c461765b7d61014fe482070d8008713bb82ee10dafcb6170f8996903f6a6a2bfd55a7a6e2aae5bb87345
+  metadata.gz: dcd883d7865f7b05373510a797cd254fa05fed28f54403c3a6d9c7d9d3ac1e0f51693bca52702b99b0248798339d74dad8a4f178c15611593072a1e5a8eaf6e0
+  data.tar.gz: a937605abfcbe71d93d6d97eb5f6b2783336773dcc7e2a9c3180285d8ccdc6dc011a1d33ba4175d186d6b03a4d47004aa67ad39c57c6f2203bd5e54d63a0bb56

data/lib/browser/delegate_native.rb

@@ -24,29 +24,17 @@ module Browser
         message = message.chop
         property_name = property_for_message(message)
         arg = args[0]
-        arg = if `arg && typeof arg.$to_n === 'function'`
-                arg.to_n
-              else
-                arg
-              end
-        return `#@native[#{property_name}] = args[0]`
+        arg = arg.to_n if `arg && typeof arg.$to_n === 'function'`
+        return `#@native[#{property_name}] = arg`
       else
         property_name = property_for_message(message)
-
         %x{
           let value = #@native[#{property_name}];
           let type = typeof(value);
+          if (type === 'undefined') { return #{super}; }
           try {
             if (type === 'function') {
-              #{
-                args.map! do |arg|
-                  if `arg && typeof arg.$to_n === 'function'`
-                    arg.to_n
-                  else
-                    arg
-                  end
-                end
-              }
+              #{args.map! { |arg| `arg && typeof arg.$to_n === 'function'` ? arg.to_n : arg }}
               value = value.apply(#@native, args);
             }
             if (value instanceof HTMLCollection || value instanceof NodeList) {
@@ -69,9 +57,9 @@ module Browser
     end
 
     def respond_to_missing? message, include_all
-      message = message.chop if message.end_with? '='
+      return true if message.end_with? '='
       property_name = property_for_message(message)
-      return true unless `#{property_name} in #@native`
+      return true if `#{property_name} in #@native`
       false
     end
 

data/lib/isomorfeus/preact/config.rb

@@ -28,8 +28,7 @@ module Isomorfeus
       end
 
       def force_render
-        root_element = `document.querySelector('div[data-iso-root]')`
-        Preact.unmount_component_at_node(root_element)
+        Preact.unmount_component_at_node(`document.body`)
         Isomorfeus::TopLevel.do_the_mount!(init: false)
         nil
       rescue Exception => e

data/lib/isomorfeus/preact/ssr.rb

@@ -10,7 +10,7 @@ module Isomorfeus
 
     def render(skip_ssr)
       Isomorfeus.browser_location = Browser::Location.new(@location)
-      Isomorfeus.current_locale = @locale
+      Isomorfeus.current_locale = @locale if @locale
       NanoCSS.instance = NanoCSS.new(given_renderer: NanoCSS.global_instance.renderer.deep_dup)
       Isomorfeus.init_store
       Isomorfeus.store.clear!

data/lib/isomorfeus/preact/thread_local_component_cache.rb

@@ -8,8 +8,8 @@ module Isomorfeus
       Thread.current[:local_cache][key]
     end
 
-    def store(key, rendered_tree, response_status, styles)
-      Thread.current[:local_cache][key] = [rendered_tree, response_status, styles]
+    def store(key, rendered_tree, styles, data, status)
+      Thread.current[:local_cache][key] = [rendered_tree, styles, data, status]
     end
   end
 end

data/lib/isomorfeus/preact/version.rb

@@ -1,5 +1,5 @@
 module Isomorfeus
   module Preact
-    VERSION = '22.9.0.rc8'
+    VERSION = '22.9.0.rc9'
   end
 end

data/lib/isomorfeus/preact/view_helper.rb

@@ -13,36 +13,42 @@ module Preact
       end
       render_result = mount_component(component_name, props, asset_key, skip_ssr: skip_ssr)
       status = ssr_response_status
-      component_cache.store(key, render_result, ssr_styles, status) if status >= 200 && status < 300
+      component_cache.store(key, render_result, ssr_styles, ssr_data, status) if status >= 200 && status < 300
       render_result
     end
 
     def mount_component(component_name, props = {}, skip_ssr: false)
       ssr_start_time = Time.now if Isomorfeus.development?
-      @ssr_styles = nil
       locale = props.delete(:locale)
-      render_result = "<div data-iso-env=\"#{Isomorfeus.env}\" data-iso-root=\"#{component_name}\" data-iso-props='#{Oj.dump(props, mode: :strict)}'"
       location_host = props[:location_host] ? props[:location_host] : 'localhost'
       location = "#{props[:location_scheme] || 'http:'}//#{location_host}#{props[:location]}"
 
       rendered_tree, application_state, @_ssr_styles = Isomorfeus::TopLevel.mount_component(component_name, props, Thread.current[:isomorfeus_session_id], location, locale, skip_ssr)
-
-      render_result << " data-iso-hydrated='true'" unless skip_ssr
-      if Isomorfeus.respond_to?(:current_user) && Isomorfeus.current_user && !Isomorfeus.current_user.anonymous?
-        render_result << " data-iso-usids=#{Oj.dump(Isomorfeus.current_user.sid.to_s, mode: :strict)}"
-      end
-      render_result << '>'
-      render_result << (rendered_tree ? rendered_tree : "SSR didn't work")
-      render_result << '</div>'
-      render_result = "<script type='application/javascript'>\nServerSideRenderingStateJSON = #{Oj.dump(application_state, mode: :strict)}\n</script>\n" << render_result
+      component_name = component_name.to_s unless component_name.is_a?(String)
+      usids = if Isomorfeus.respond_to?(:current_user) && Isomorfeus.current_user && !Isomorfeus.current_user.anonymous?
+                Isomorfeus.current_user.sid.to_s
+              else
+                nil
+              end
+
+      @_ssr_data = <<~HTML
+      <script type='application/javascript'>
+        ServerSideRenderingStateJSON = #{Oj.dump(application_state, mode: :strict)}
+        ServerSideRenderingProps = #{Oj.dump({ env: Isomorfeus.env, component_name: component_name, props: props, hydrated: !skip_ssr, usids: usids }, mode: :strict)}
+      </script>
+      HTML
       puts "Preact::ViewHelper Server Side Rendering took ~#{((Time.now - ssr_start_time)*1000).to_i}ms" if Isomorfeus.development?
-      render_result
+      rendered_tree ? rendered_tree : "SSR didn't work"
     end
 
     def ssr_response_status
       Isomorfeus.ssr_response_status
     end
 
+    def ssr_data
+      @_ssr_data
+    end
+
     def ssr_styles
       @_ssr_styles || ''
     end
@@ -52,13 +58,5 @@ module Preact
     def component_cache
       @_component_cache ||= Isomorfeus.component_cache_init_block.call
     end
-
-    def ssr_mod
-      @_ssr_mod ||= Opal.compile(File.read(File.expand_path(File.join(File.dirname(__FILE__), 'ssr.rb'))), { use_strict: true })
-    end
-
-    def top_level_mod
-      @_top_level_mod ||= Opal.compile(File.read(File.expand_path(File.join(File.dirname(__FILE__), 'top_level_ssr.rb'))), { use_strict: true })
-    end
   end
 end

data/lib/isomorfeus/top_level.rb

@@ -7,11 +7,10 @@ module Isomorfeus
       if RUBY_ENGINE == 'opal'
         def do_the_mount!(init: true)
           NanoCSS.instance = NanoCSS.new({ sh: `document.getElementById('css-server-side')` })
-          root_element = `document.querySelector('div[data-iso-root]')`
-          Isomorfeus.raise_error(message: "Isomorfeus root element not found!") unless root_element
-          component_name = root_element.JS.getAttribute('data-iso-root')
-          Isomorfeus.env = root_element.JS.getAttribute('data-iso-env')
-          Isomorfeus.current_user_sid_s = root_element.JS.getAttribute('data-iso-usids')
+          p = `global.ServerSideRenderingProps`
+          component_name = p.JS[:component_name]
+          Isomorfeus.env = p.JS[:env]
+          Isomorfeus.current_user_sid_s = p.JS[:usids]
           component = nil
           begin
             component = component_name.constantize
@@ -29,14 +28,12 @@ module Isomorfeus
             end
           end
           if component
-            props_json = root_element.JS.getAttribute('data-iso-props')
-            props = JSON.parse(props_json)
+            props = Hash.new(p.JS[:props])
             if init
-              raw_hydrated = root_element.JS.getAttribute('data-iso-hydrated')
-              Isomorfeus::TopLevel.hydrated = (raw_hydrated && raw_hydrated == "true")
+              Isomorfeus::TopLevel.hydrated = p.JS[:hydrated]
               %x{
-                if (global.ServerSideRenderingStateJSON) {
                 var state = global.ServerSideRenderingStateJSON;
+                if (state) {
                   var keys = Object.keys(state);
                   for(var i=0; i < keys.length; i++) {
                     if (Object.keys(state[keys[i]]).length > 0) {
@@ -49,7 +46,7 @@ module Isomorfeus
             end
             begin
               Isomorfeus::TopLevel.first_pass = true
-              result = Isomorfeus::TopLevel.mount_component(component, props, root_element, Isomorfeus::TopLevel.hydrated)
+              result = Isomorfeus::TopLevel.mount_component(component, props, `document.body`, Isomorfeus::TopLevel.hydrated)
               Isomorfeus::TopLevel.first_pass = false
               @tried_another_time = false
               result

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-preact
 version: !ruby/object:Gem::Version
-  version: 22.9.0.rc8
+  version: 22.9.0.rc9
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-28 00:00:00.000000000 Z
+date: 2022-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: oj
@@ -58,28 +58,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 22.9.0.rc8
+        version: 22.9.0.rc9
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 22.9.0.rc8
+        version: 22.9.0.rc9
 - !ruby/object:Gem::Dependency
   name: isomorfeus-redux
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 22.9.0.rc8
+        version: 22.9.0.rc9
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 22.9.0.rc8
+        version: 22.9.0.rc9
 - !ruby/object:Gem::Dependency
   name: isomorfeus-puppetmaster
   requirement: !ruby/object:Gem::Requirement