isomorfeus-preact 10.5.0

data/lib/isomorfeus/preact/memcached_component_cache.rb

@@ -0,0 +1,19 @@
+module Isomorfeus
+  module Preact
+    class MemcachedComponentCache
+      def initialize(*args)
+        @dalli_client = Dalli::Client.new(*args)
+      end
+
+      def fetch(key)
+        json = @dalli_client.get(key)
+        Oj.load(json, mode: :strict)
+      end
+
+      def store(key, rendered_tree, response_status, styles)
+        json = Oj.dump([rendered_tree, response_status, styles], mode: :strict)
+        @dalli_client.set(key, json)
+      end
+    end
+  end
+end

data/lib/isomorfeus/preact/redis_component_cache.rb

@@ -0,0 +1,19 @@
+module Isomorfeus
+  module Preact
+    class RedisComponentCache
+      def initialize(*args)
+        @redis_client = Redis.new(@args)
+      end
+
+      def fetch(key)
+        json = @redis_client.get(key)
+        Oj.load(json, mode: :strict)
+      end
+
+      def store(key, rendered_tree, response_status, styles)
+        json = Oj.dump([rendered_tree, response_status, styles], mode: :strict)
+        @redis_client.set(key, json)
+      end
+    end
+  end
+end

data/lib/isomorfeus/preact/thread_local_component_cache.rb

@@ -0,0 +1,17 @@
+module Isomorfeus
+  module Preact
+    class ThreadLocalComponentCache
+      def initialize
+        Thread.current[:local_cache] = {} unless Thread.current.key?(:local_cache)
+      end
+
+      def fetch(key)
+        Thread.current[:local_cache][key]
+      end
+
+      def store(key, rendered_tree, response_status, styles)
+        Thread.current[:local_cache][key] = [rendered_tree, response_status, styles]
+      end
+    end
+  end
+end

data/lib/isomorfeus/preact_view_helper.rb

@@ -0,0 +1,188 @@
+module Isomorfeus
+  module PreactViewHelper
+    def cached_mount_component(component_name, props = {}, asset = 'web_ssr.js')
+      key = "#{component_name}#{props}#{asset}"
+      if Isomorfeus.production?
+        render_result, @ssr_response_status, @ssr_styles = component_cache.fetch(key)
+        return render_result if render_result
+      end
+      render_result = mount_component(component_name, props, asset)
+      status = ssr_response_status
+      component_cache.store(key, render_result, status, ssr_styles) if status >= 200 && status < 300
+      render_result
+    end
+
+    def mount_component(component_name, props = {}, asset = 'web_ssr.js')
+      @ssr_response_status = nil
+      @ssr_styles = nil
+      thread_id_asset = "#{Thread.current.object_id}#{asset}"
+      render_result = "<div data-iso-env=\"#{Isomorfeus.env}\" data-iso-root=\"#{component_name}\" data-iso-props='#{Oj.dump(props, mode: :strict)}'"
+      if Isomorfeus.server_side_rendering
+
+        if Isomorfeus.development?
+          # always create a new context, effectively reloading code
+          # delete the existing context first, saves memory
+          if Isomorfeus.ssr_contexts.key?(thread_id_asset)
+            uuid = Isomorfeus.ssr_contexts[thread_id_asset].instance_variable_get(:@uuid)
+            runtime = Isomorfeus.ssr_contexts[thread_id_asset].instance_variable_get(:@runtime)
+            runtime.vm.delete_context(uuid)
+          end
+          asset_path = "#{Isomorfeus.ssr_hot_asset_url}#{asset}"
+          begin
+            asset = Net::HTTP.get(URI(asset_path))
+          rescue Exception => e
+            # STDERR.puts "Server Side Rendering: Failed loading asset #{asset_path} from webpack dev server. Error: #{e.message}"
+            # STDERR.puts e.backtrace.join("\n")
+            Isomorfeus.raise_error(message: "Server Side Rendering: Failed loading asset #{asset_path} from webpack dev server. Error: #{e.message}", stack: e.backtrace )
+          end
+          if asset.strip.start_with?('<')
+            # STDERR.puts "Server Side Rendering: Failed loading asset #{asset_path} from webpack dev server, asset is not javascript. Did the webpack build succeed?"
+            Isomorfeus.raise_error(message: "Server Side Rendering: Failed loading asset #{asset_path} from webpack dev server, asset is not javascript. Did the webpack build succeed?")
+          end
+          begin
+            Isomorfeus.ssr_contexts[thread_id_asset] = ExecJS.permissive_compile(asset)
+          rescue Exception => e
+            # STDERR.puts "Server Side Rendering: Failed creating context for #{asset_path}. Error: #{e.message}"
+            # STDERR.puts e.backtrace.join("\n")
+            Isomorfeus.raise_error(message: "Server Side Rendering: Failed creating context for #{asset_path}. Error: #{e.message}", stack: e.backtrace)
+          end
+        else
+          # initialize speednode context
+          unless Isomorfeus.ssr_contexts.key?(thread_id_asset)
+            asset_file_name = OpalWebpackLoader::Manifest.lookup_path_for(asset)
+            Isomorfeus.raise_error(message: "Server Side Rendering: Build asset file not found for #{asset}. Has it been build?") unless asset_file_name
+            asset_path = File.join('public', asset_file_name)
+            Isomorfeus.ssr_contexts[thread_id_asset] = ExecJS.permissive_compile(File.read(asset_path))
+          end
+        end
+
+        # build javascript for rendering first pass
+        # it will initialize buffers to guard against leaks, maybe caused by previous exceptions
+        javascript = <<~JAVASCRIPT
+          global.Opal.Preact.render_buffer = [];
+          global.Opal.Preact.active_components = [];
+          global.Opal.Preact.active_redux_components = [];
+          global.FirstPassFinished = false;
+          global.Exception = false;
+          global.IsomorfeusSessionId = '#{Thread.current[:isomorfeus_session_id]}';
+          global.Opal.Isomorfeus['$env=']('#{Isomorfeus.env}');
+          if (typeof global.Opal.Isomorfeus.$negotiated_locale === 'function') {
+            global.Opal.Isomorfeus["$negotiated_locale="]('#{props[:locale]}');
+          }
+          global.Opal.Isomorfeus['$force_init!']();
+          global.Opal.Isomorfeus['$ssr_response_status='](200);
+          global.Opal.Isomorfeus.TopLevel['$ssr_route_path=']('#{props[:location]}');
+        JAVASCRIPT
+
+        # if location_host and scheme are given and if Transport is loaded, connect and then render,
+        # otherwise do not render because only one pass is required
+        ws_scheme = props[:location_scheme] == 'https:' ? 'wss:' : 'ws:'
+        location_host = props[:location_host] ? props[:location_host] : 'localhost'
+        api_ws_path = Isomorfeus.respond_to?(:api_websocket_path) ? Isomorfeus.api_websocket_path : ''
+        transport_ws_url = ws_scheme + location_host + api_ws_path
+        javascript << <<~JAVASCRIPT
+          let api_ws_path = '#{api_ws_path}';
+          let exception;
+          if (typeof global.Opal.Isomorfeus.Transport !== 'undefined' && api_ws_path !== '') {
+            global.Opal.Isomorfeus.TopLevel["$transport_ws_url="]("#{transport_ws_url}");
+            global.Opal.send(global.Opal.Isomorfeus.Transport.$promise_connect(), 'then', [], ($$1 = function(){
+              try {
+                global.Opal.Isomorfeus.TopLevel.$render_component_to_string('#{component_name}', #{Oj.dump(props, mode: :strict)});
+                global.FirstPassFinished = 'transport';
+              } catch (e) {
+                global.Exception = e;
+                global.FirstPassFinished = 'transport';
+              }
+            }, $$1.$$s = this, $$1.$$arity = 0, $$1))
+          } else { return global.FirstPassFinished = true; };
+        JAVASCRIPT
+
+        # execute first render pass
+        first_pass_skipped = Isomorfeus.ssr_contexts[thread_id_asset].exec(javascript)
+
+        # wait for first pass to finish
+        unless first_pass_skipped
+          first_pass_finished, exception = Isomorfeus.ssr_contexts[thread_id_asset].exec('return [global.FirstPassFinished, global.Exception ? { message: global.Exception.message, stack: global.Exception.stack } : false ]')
+          Isomorfeus.raise_error(message: "Server Side Rendering: #{exception['message']}", stack: exception['stack']) if exception
+          unless first_pass_finished
+            start_time = Time.now
+            while !first_pass_finished
+              break if (Time.now - start_time) > 10
+              sleep 0.01
+              first_pass_finished = Isomorfeus.ssr_contexts[thread_id_asset].exec('return global.FirstPassFinished')
+            end
+          end
+
+          # wait for transport requests to finish
+          if first_pass_finished == 'transport'
+            transport_busy = Isomorfeus.ssr_contexts[thread_id_asset].exec('return global.Opal.Isomorfeus.Transport["$busy?"]()')
+            if transport_busy
+              start_time = Time.now
+              while transport_busy
+                break if (Time.now - start_time) > 10
+                sleep 0.01
+                transport_busy = Isomorfeus.ssr_contexts[thread_id_asset].exec('return global.Opal.Isomorfeus.Transport["$busy?"]()')
+              end
+            end
+          end
+        end
+
+        # build javascript for second render pass
+        # guard against leaks from first pass, maybe because of a exception
+        javascript = <<~JAVASCRIPT
+          global.Opal.Preact.render_buffer = [];
+          global.Opal.Preact.active_components = [];
+          global.Opal.Preact.active_redux_components = [];
+          global.Exception = false;
+          let rendered_tree;
+          let ssr_styles;
+          let component;
+            try {
+              rendered_tree = global.Opal.Isomorfeus.TopLevel.$render_component_to_string('#{component_name}', #{Oj.dump(props, mode: :strict)});
+            } catch (e) {
+              global.Exception = e;
+            }
+          let application_state = global.Opal.Isomorfeus.store.native.getState();
+          if (typeof global.Opal.Isomorfeus.Transport !== 'undefined') { global.Opal.Isomorfeus.Transport.$disconnect(); }
+          if (typeof global.NanoCSSInstance !== 'undefined') { ssr_styles = global.NanoCSSInstance.raw }
+          return [rendered_tree, application_state, ssr_styles, global.Opal.Isomorfeus['$ssr_response_status'](), global.Exception ? { message: global.Exception.message, stack: global.Exception.stack } : false];
+        JAVASCRIPT
+
+        # execute second render pass
+        rendered_tree, application_state, @ssr_styles, @ssr_response_status, exception = Isomorfeus.ssr_contexts[thread_id_asset].exec(javascript)
+        Isomorfeus.raise_error(message: exception['message'], stack: exception['stack']) if exception
+
+        render_result << " data-iso-hydrated='true'" if rendered_tree
+        if Isomorfeus.respond_to?(:current_user) && Isomorfeus.current_user && !Isomorfeus.current_user.anonymous?
+          render_result << " data-iso-usid=#{Oj.dump(Isomorfeus.current_user.to_sid, mode: :strict)}"
+        end
+        render_result << " data-iso-nloc='#{props[:locale]}'>"
+        render_result << (rendered_tree ? rendered_tree : "SSR didn't work")
+      else
+        if Isomorfeus.respond_to?(:current_user) && Isomorfeus.current_user && !Isomorfeus.current_user.anonymous?
+          render_result << " data-iso-usid=#{Oj.dump(Isomorfeus.current_user.to_sid, mode: :strict)}"
+        end
+        render_result << " data-iso-nloc='#{props[:locale]}'>"
+      end
+      render_result << '</div>'
+      if Isomorfeus.server_side_rendering
+        render_result = "<script type='application/javascript'>\nServerSideRenderingStateJSON = #{Oj.dump(application_state, mode: :strict)}\n</script>\n" << render_result
+      end
+      render_result
+    end
+
+    def ssr_response_status
+      @ssr_response_status || 200
+    end
+
+    def ssr_styles
+      @ssr_styles || ''
+    end
+
+    private
+
+    def component_cache
+      @_component_cache ||= Isomorfeus.component_cache_init_block.call
+    end
+  end
+end

data/lib/isomorfeus/props/validate_hash_proxy.rb

@@ -0,0 +1,186 @@
+module Isomorfeus
+  module Props
+    class ValidateHashProxy
+      def initialize
+        @validation_hash = { required: true, validate: {} }
+      end
+
+      def is
+        self
+      end
+      alias_method :and, :is
+      alias_method :has, :is
+      alias_method :with, :is
+
+      def allow_nil
+        @validation_hash[:allow_nil] = true
+        self
+      end
+
+      def cast
+        @validation_hash[:cast] = true
+        self
+      end
+
+      def default(v)
+        @validation_hash[:required] = false
+        @validation_hash[:default] = v
+        self
+      end
+
+      def ensure(v = nil, &block)
+        if block_given?
+          @validation_hash[:ensure_block] = block
+        else
+          @validation_hash[:ensure] = v
+        end
+        self
+      end
+
+      def exact_class(t_class)
+        @validation_hash[:class] = t_class
+        self
+      end
+
+      def greater_than(v)
+        @validation_hash[:validate][:gt] = v
+        self
+      end
+      alias_method :gt, :greater_than
+
+      def is_a(i_class)
+        @validation_hash[:is_a] = i_class
+        self
+      end
+
+      def keys(*keys)
+        @validation_hash[:validate][:hash_keys] = keys
+        self
+      end
+
+      def size(l)
+        @validation_hash[:validate][:size] = v
+        self
+      end
+      alias_method :length, :size
+
+      def less_than(v)
+        @validation_hash[:validate][:lt] = v
+        self
+      end
+      alias_method :lt, :less_than
+
+      def matches(regexp)
+        @validation_hash[:validate][:matches] = regexp
+        self
+      end
+
+      def max(l)
+        @validation_hash[:validate][:max] = l
+        self
+      end
+
+      def max_size(l)
+        @validation_hash[:validate][:max_size] = l
+        self
+      end
+      alias_method :max_length, :max_size
+
+      def min(l)
+        @validation_hash[:validate][:min] = l
+        self
+      end
+
+      def min_size(l)
+        @validation_hash[:validate][:min_size] = l
+        self
+      end
+      alias_method :min_length, :min_size
+
+      def negative
+        @validation_hash[:validate][:direction] = :negative
+        self
+      end
+
+      def optional
+        @validation_hash[:required] = false
+        self
+      end
+
+      def positive
+        @validation_hash[:validate][:direction] = :positive
+        self
+      end
+
+      def required
+        @validation_hash[:required] = true
+        self
+      end
+
+      def test(&block)
+        @validation_hash[:validate][:test] = block
+        self
+      end
+      alias_method :condition, :test
+      alias_method :check, :test
+
+      def validate_block(&block)
+        @validation_hash[:validate][:validate_block] = block
+        self
+      end
+
+      # types
+
+      def Array
+        @validation_hash[:class] = Array
+        self
+      end
+
+      def Boolean
+        @validation_hash[:type] = :boolean
+        self
+      end
+
+      def Enumerable
+        @validation_hash[:is_a] = Enumerable
+        self
+      end
+
+      def Float
+        @validation_hash[:class] = Float
+        self
+      end
+
+      def Hash
+        @validation_hash[:class] = Hash
+        self
+      end
+
+      def Integer
+        @validation_hash[:class] = Integer
+        self
+      end
+
+      def String
+        @validation_hash[:class] = String
+        self
+      end
+
+      # sub types
+
+      def Email
+        @validation_hash[:type] = :email
+        self
+      end
+
+      def Url
+        @validation_hash[:type] = :uri
+        self
+      end
+
+      def to_h
+        @validation_hash
+      end
+    end
+  end
+end

data/lib/isomorfeus/props/validator.rb

@@ -0,0 +1,159 @@
+module Isomorfeus
+  module Props
+    class Validator
+      def initialize(source_class, prop, value, options)
+        @c = source_class
+        @p = prop
+        @v = value
+        @o = options
+      end
+
+      def validate!
+        ensured = ensure!
+        unless ensured
+          set_default_value
+          cast!
+          type!
+        end
+        run_checks!
+        true
+      end
+
+      def validated_value
+        validate!
+        @v
+      end
+
+      private
+
+      # basic tests
+
+      def set_default_value
+        return unless @v.nil?
+        @v = @o[:default] if @o.key?(:default)
+      end
+
+      def cast!
+        if @o.key?(:cast)
+          begin
+            @v = case @o[:class]
+                 when Integer then @v.to_i
+                 when String then @v.to_s
+                 when Float then @v.to_f
+                 when Array then @v.to_a
+                 when Hash then @v.to_h
+                 end
+            @v = !!@v if @o[:type] == :boolean
+          rescue
+            Isomorfeus.raise_error(message: "#{@c}: #{@p} cast failed") unless @v.class == @o[:class]
+          end
+        end
+      end
+
+      def ensure!
+        if @o.key?(:ensure)
+          @v = @o[:ensure] unless @v
+          true
+        elsif @o.key?(:ensure_block)
+          @v = @o[:ensure_block].call(@v)
+          true
+        else
+          false
+        end
+      end
+
+      def type!
+        return if @o[:allow_nil] && @v.nil?
+        if @o.key?(:class)
+          Isomorfeus.raise_error(message: "#{@c}: #{@p} class not #{@o[:class]}") unless @v.class == @o[:class]
+        elsif @o.key?(:is_a)
+          Isomorfeus.raise_error(message: "#{@c}: #{@p} is not a #{@o[:is_a]}") unless @v.is_a?(@o[:is_a])
+        elsif @o.key?(:type)
+          case @o[:type]
+          when :boolean
+            Isomorfeus.raise_error(message: "#{@c}: #{@p} is not a boolean") unless @v.class == TrueClass || @v.class == FalseClass
+          else
+            c_string_sub_types
+          end
+        end
+      end
+
+      # all other checks
+
+      def run_checks!
+        if @o.key?(:validate)
+          @o[:validate].each do |m, l|
+            send('c_' + m, l)
+          end
+        end
+        @o[:validate_block].call(@v) if @o.key?(:validate_block)
+      end
+
+      # specific validations
+      def c_gt(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} not greater than #{v}!") unless @v > v
+      end
+
+      def c_lt(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} not less than #{v}!") unless @v < v
+      end
+
+      def c_keys(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} keys dont fit!") unless @v.keys.sort == v.sort
+      end
+
+      def c_size(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} length/size is not #{v}") unless @v.size == v
+      end
+
+      def c_matches(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} does not match #{v}") unless v.match?(@v)
+      end
+
+      def c_max(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} is larger than #{v}") unless @v <= v
+      end
+
+      def c_min(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} is smaller than #{v}") unless @v >= v
+      end
+
+      def c_max_size(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} is larger than #{v}") unless @v.size <= v
+      end
+
+      def c_min_size(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} is smaller than #{v}") unless @v.size >= v
+      end
+
+      def c_direction(v)
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} is positive") if v == :negative && @v >= 0
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} is negative") if v == :positive && @v < 0
+      end
+
+      def c_test
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} test condition check failed") unless @o[:test].call(@v)
+      end
+
+      def c_string_sub_types
+        Isomorfeus.raise_error(message: "#{@c}: #{@p} must be a String") unless @v.class == String
+        case @o[:type]
+        when :email
+          Isomorfeus.raise_error(message: "#{@c}: #{@p} is not a valid email address") unless @v.match?(/\A[^@\s]+@([^@\s]+\.)+[^@\s]+\z/)
+        when :uri
+          if RUBY_ENGINE == 'opal'
+            %x{
+              try {
+                new URL(#@v);
+              } catch {
+                #{Isomorfeus.raise_error(message: "#{@c}: #{@p} is not a valid uri")}
+              }
+            }
+          else
+            Isomorfeus.raise_error(message: "#{@c}: #{@p} is not a valid uri") unless @v.match?(/\A#{URI.regexp}\z/)
+          end
+        end
+      end
+    end
+  end
+end