isomorfeus-preact 10.9.0 → 22.9.0.rc2

data/lib/isomorfeus/preact_view_helper.rb

@@ -1,129 +0,0 @@
-module Isomorfeus
-  module PreactViewHelper
-    def self.included(base)
-      base.include Isomorfeus::AssetManager::ViewHelper
-    end
-
-    def cached_mount_component(component_name, props = {}, asset_key = 'ssr.js', skip_ssr: false, use_ssr: false, max_passes: 4, refresh: false)
-      key = "#{component_name}#{props}#{asset}"
-      if !Isomorfeus.development? && !refresh
-        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_key, skip_ssr: skip_ssr, use_ssr: use_ssr, max_passes: max_passes)
-      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_key = 'ssr.js', skip_ssr: false, use_ssr: false, max_passes: 4)
-      ssr_start_time = Time.now if Isomorfeus.development?
-      @ssr_response_status = nil
-      @ssr_styles = nil
-      render_result = "<div data-iso-env=\"#{Isomorfeus.env}\" data-iso-root=\"#{component_name}\" data-iso-props='#{Oj.dump(props, mode: :strict)}'"
-      if !skip_ssr && (Isomorfeus.server_side_rendering || use_ssr)
-        thread_id_asset = "#{Thread.current.object_id}|#{asset_key}"
-        begin
-          init_speednode_context(asset_key, thread_id_asset) if Isomorfeus.development? || !Isomorfeus.ssr_contexts.key?(thread_id_asset)
-        rescue Exception => e
-          Isomorfeus.raise_error(message: "Server Side Rendering: Failed creating context for #{asset_key}. Error: #{e.message}", stack: e.backtrace)
-        end
-
-        ctx = Isomorfeus.ssr_contexts[thread_id_asset]
-        pass = 0
-        # if location_host and scheme are given and if Transport is loaded, connect and then render
-        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
-
-        # build javascript for rendering first pass
-        # it will initialize buffers to guard against leaks, maybe caused by previous exceptions
-        javascript = <<~JAVASCRIPT
-        return Opal.Isomorfeus.SSR.mount_component('#{Thread.current[:isomorfeus_session_id]}', '#{Isomorfeus.env}', '#{props[:locale]}', '#{transport_ws_url}', '#{component_name}', #{Oj.dump(props, mode: :strict)}, #{max_passes})
-        JAVASCRIPT
-
-        begin
-          ctx.exec(javascript)
-        rescue Exception => e
-          Isomorfeus.raise_error(error: e)
-        end
-
-        sleep 0.001 # give other threads that would respond to a request from node/SSR a chance to run
-        rendering = ctx.eval_script(key: :rendering)
-        if rendering
-          start_time = Time.now
-          while rendering
-            break if (Time.now - start_time) > 10
-            sleep 0.005
-            rendering = ctx.eval_script(key: :rendering)
-          end
-        end
-
-        rendered_tree, application_state, @ssr_styles, @ssr_response_status, passes, exception = ctx.eval_script(key: :get_result)
-        Isomorfeus.raise_error(message: "Server Side Rendering: #{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.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.sid, mode: :strict)}"
-        end
-        render_result << " data-iso-nloc='#{props[:locale]}'>"
-      end
-      render_result << '</div>'
-      if Isomorfeus.server_side_rendering && !skip_ssr
-        render_result = "<script type='application/javascript'>\nServerSideRenderingStateJSON = #{Oj.dump(application_state, mode: :strict)}\n</script>\n" << render_result
-        puts "PreactViewHelper Server Side Rendering rendered #{passes} passes and took ~#{((Time.now - ssr_start_time)*1000).to_i}ms" if Isomorfeus.development?
-      end
-      render_result
-    end
-
-    def ssr_response_status
-      @ssr_response_status || 200
-    end
-
-    def ssr_styles
-      @ssr_styles || ''
-    end
-
-    private
-
-    def asset_manager
-      @_asset_manager ||= Isomorfeus::AssetManager.new
-    end
-
-    def component_cache
-      @_component_cache ||= Isomorfeus.component_cache_init_block.call
-    end
-
-    def init_speednode_context(asset_key, thread_id_asset)
-      asset = Isomorfeus.assets[asset_key]
-      raise "#{self.class.name}: Asset not found: #{asset_key}" unless asset
-      if !Isomorfeus.ssr_contexts.key?(thread_id_asset) || !asset.bundled?
-        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_manager.transition(asset_key, asset)
-        Isomorfeus.ssr_contexts[thread_id_asset] = ExecJS.permissive_compile(asset.bundle)
-        ctx = Isomorfeus.ssr_contexts[thread_id_asset]
-        ctx.add_script(key: :get_result, source: 'Opal.Isomorfeus.SSR.get_result()')
-        ctx.add_script(key: :rendering, source: 'global.Rendering')
-      end
-    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_preact/lucid_app/api.rb

@@ -1,38 +0,0 @@
-module LucidApp::Api
-  def self.included(base)
-    base.instance_exec do
-      def theme(theme_hash = nil, &block)
-        theme_hash = block.call if block_given?
-        if theme_hash
-          component_name = self.to_s
-          %x{
-            let rule_name = component_name.replace(/:/g, '_');
-            let ogni = Opal.global.NanoCSSInstance;
-            if (base.css_theme && #{Isomorfeus.production?}) { return base.css_theme; }
-            else if(#{Isomorfeus.development?}) {
-              if (#{on_browser?}) {
-                ogni.delete_from_sheet(rule_name);
-                ogni.delete_from_rule_blocks(rule_name);
-                ogni.hydrate_force_put = true;
-              }
-            }
-            if (typeof theme_hash.$is_wrapped_style !== 'undefined') {
-              base.css_theme = theme_hash;
-            } else {
-              let css;
-              if (typeof theme_hash.$to_n === 'function') { css = theme_hash.$to_n(); }
-              else { css = theme_hash; }
-              let nano_styles = ogni.sheet(css, rule_name);
-              base.css_theme = #{::LucidComponent::StylesWrapper.new(`nano_styles`)};
-            }
-          }
-        end
-        %x{
-          if (!base.css_theme) { return nil; }
-          return base.css_theme;
-        }
-      end
-      alias_method :theme=, :theme
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_app/base.rb

@@ -1,7 +0,0 @@
-module LucidApp
-  class Base
-    def self.inherited(base)
-      base.include(::LucidApp::Mixin)
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_app/mixin.rb

@@ -1,14 +0,0 @@
-module LucidApp::Mixin
-  def self.included(base)
-    base.include(::Native::Wrapper)
-    base.extend(::LucidApp::NativeComponentConstructor)
-    base.include(::Preact::Elements)
-    base.extend(::LucidPropDeclaration::Mixin)
-    base.include(::Preact::Component::Api)
-    base.include(::Preact::Component::Callbacks)
-    base.include(::LucidComponent::Api)
-    base.include(::LucidApp::Api)
-    base.include(::LucidComponent::Initializer)
-    base.include(::LucidI18n::Mixin) if `(Opal.modules.hasOwnProperty("lucid_i18n/mixin"))`
-  end
-end

data/lib/isomorfeus_preact/lucid_app/native_component_constructor.rb

@@ -1,101 +0,0 @@
-module LucidApp::NativeComponentConstructor
-  # for should_component_update we apply ruby semantics for comparing props
-  # to do so, we convert the props to ruby hashes and then compare
-  # this makes sure, that for example rubys Nil object gets handled properly
-  def self.extended(base)
-    component_name = base.to_s
-    %x{
-      base.css_styles = null;
-      base.css_theme = null;
-      base.preload_block = null;
-      base.preload_did_mount_proc = null;
-      base.while_loading_block = null;
-
-      base.preact_component = class extends Opal.global.Preact.Component {
-        constructor(props) {
-          super(props);
-          const oper = Opal.Preact;
-          if (base.$default_state_defined()) {
-            this.state = base.$state().$to_n();
-          } else {
-            this.state = {};
-          };
-          this.state.isomorfeus_store_state = Opal.Isomorfeus.store.native.getState();
-          var current_store_state = this.state.isomorfeus_store_state;
-          if (typeof current_store_state.class_state[#{component_name}] !== "undefined") {
-            this.state.class_state = {};
-            this.state.class_state[#{component_name}] = current_store_state.class_state[#{component_name}];
-          } else {
-            this.state.class_state = {};
-            this.state.class_state[#{component_name}] = {};
-          };
-          this.__ruby_instance = base.$new(this);
-          var defined_refs = #{base.defined_refs};
-          for (var ref in defined_refs) {
-            if (defined_refs[ref] != null) {
-              let r = ref; // to ensure closure for function below gets correct ref name
-              this[ref] = function(element) {
-                element = oper.native_element_or_component_to_ruby(element);
-                oper.register_active_component(this);
-                try {
-                  #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[r]`)}
-                } catch (e) { console.error(e.message === nil ? 'error at' : e.message, e.stack); }
-                oper.unregister_active_component(this);
-              }
-              this[ref] = this[ref].bind(this);
-            } else {
-              this[ref] = Opal.global.Preact.createRef();
-            }
-          }
-          if (base.preload_block) {
-            oper.register_active_component(this);
-            this.state.preloaded = this.__ruby_instance.$execute_preload_block(); // caught in execute_preload_block itself
-            oper.unregister_active_component(this);
-          }
-          this.listener = this.listener.bind(this);
-          this.unsubscriber = Opal.Isomorfeus.store.native.subscribe(this.listener);
-        }
-        static get displayName() {
-          return #{component_name};
-        }
-        render(props, state) {
-          const oper = Opal.Preact;
-          oper.render_buffer.push([]);
-          oper.register_active_component(this);
-          let block_result;
-          try {
-            if (base.while_loading_block && !state.preloaded) { block_result = #{`this.__ruby_instance`.instance_exec(&`base.while_loading_block`)}; }
-            else { block_result = #{`this.__ruby_instance`.instance_exec(&`base.render_block`)}; }
-            if (block_result && block_result !== nil) { oper.render_block_result(block_result); }
-          } catch (e) {
-            if (oper.using_did_catch) { throw e; }
-            else { console.error(e.message === nil ? 'error at' : e.message, e.stack); }
-          }
-          oper.unregister_active_component(this);
-          let children = oper.render_buffer.pop();
-          return Opal.global.Preact.createElement(Opal.global.LucidApplicationContext.Provider, { value: { iso_store: this.state.isomorfeus_store_state, iso_theme: base.css_theme }}, children);
-        }
-        data_access() {
-          return this.state.isomorfeus_store_state;
-        }
-        listener() {
-          let next_state = Opal.Isomorfeus.store.native.getState();
-          this.setState({ isomorfeus_store_state: next_state });
-        }
-        componentWillUnmount() {
-          if (typeof this.unsubscriber === "function") { this.unsubscriber(); }
-        }
-        shouldComponentUpdate(next_props, next_state) {
-          if (!Opal.Preact.props_are_equal(this.props, next_props)) { return true; }
-          if (Opal.Preact.state_is_not_equal(this.state, next_state)) { return true; }
-          return false;
-        }
-        validateProp(props, propName, componentName) {
-          try { base.$validate_prop(propName, props[propName]) }
-          catch (e) { return new Error(componentName + ": Error: prop validation failed: " + e.message); }
-          return null;
-        }
-      }
-    }
-  end
-end

data/lib/isomorfeus_preact/lucid_component/api.rb

@@ -1,123 +0,0 @@
-module LucidComponent::Api
-  def self.included(base)
-    base.instance_exec do
-      # stores
-      attr_accessor :app_store
-      attr_accessor :class_store
-
-      def class_store
-        @class_store ||= ::LucidComponent::ClassStoreProxy.new(self.to_s)
-      end
-
-      # preloading
-      def preload(&block)
-        pdm_proc = proc do
-          if !self.state.preloaded && @_preload_promise
-            @_preload_promise.then { self.state.preloaded = true }
-          end
-        end
-        %x{
-          base.preload_block = block;
-          base.preload_did_mount_proc = pdm_proc;
-        }
-      end
-
-      def while_loading(option = nil, &block)
-        wl_block = proc do
-          if @_preload_promise && @_preload_promise.resolved?
-            instance_exec(&`base.render_block`)
-          else
-            instance_exec(@_preload_promise, &block)
-          end
-        end
-        `base.while_loading_block = wl_block`
-      end
-
-      # styles
-      def styles(styles_hash = nil, &block)
-        styles_hash = block.call if block_given?
-        if styles_hash
-          component_name = self.to_s
-          %x{
-            let rule_name = component_name.replace(/:/g, '_');
-            let ogni = Opal.global.NanoCSSInstance;
-            if (base.css_styles && #{Isomorfeus.production?}) { return base.css_styles; }
-            else if(#{Isomorfeus.development?}) {
-              if (#{on_browser?}) {
-                ogni.delete_from_sheet(rule_name);
-                ogni.delete_from_rule_blocks(rule_name);
-                ogni.hydrate_force_put = true;
-              }
-            }
-            if (typeof styles_hash.$is_wrapped_style !== 'undefined') {
-              base.css_styles = styles_hash;
-            } else {
-              let css;
-              if (typeof styles_hash.$to_n === 'function') { css = styles_hash.$to_n(); }
-              else { css = styles_hash; }
-              let nano_styles = ogni.sheet(css, rule_name);
-              base.css_styles = #{::LucidComponent::StylesWrapper.new(`nano_styles`)};
-            }
-          }
-        end
-        %x{
-          if (!base.css_styles) { return nil; }
-          return base.css_styles;
-        }
-      end
-      alias_method :styles=, :styles
-    end
-
-    # stores
-    def local_store
-      LocalStore
-    end
-
-    def session_store
-      SessionStore
-    end
-
-    def theme
-      props.theme
-    end
-
-    # preloading
-    def execute_preload_block
-      begin
-        @_preload_promise = instance_exec(&self.class.JS[:preload_block])
-      rescue => e
-        %x{
-          console.error(e.message);
-          console.error(e.stack);
-        }
-      end
-      if @_preload_promise
-        @_preload_promise.fail do |result|
-          err_text = "#{self.class.name}: preloading failed, last result: #{result.nil? ? 'nil' : result}!"
-          `console.error(err_text)`
-        end
-        @_preload_promise.resolved?
-      else
-        false
-      end
-    end
-
-    def preloaded?
-      !!state.preloaded
-    end
-
-    # styles
-    def styles
-      %x{
-        let c = self.$class()
-        if (typeof(c.css_styles) === 'undefined') { return nil; }
-        return c.css_styles;
-      }
-    end
-
-    # requires transport
-    def current_user
-      Isomorfeus.current_user
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_component/app_store_proxy.rb

@@ -1,32 +0,0 @@
-module LucidComponent
-  class AppStoreProxy
-    def initialize(native)
-      @native = native
-    end
-
-    def [](key)
-      method_missing(key)
-    end
-
-    def []=(key, value)
-      method_missing(key, value)
-    end
-
-    def method_missing(key, *args, &block)
-      if `args.length > 0`
-        # set class state, simply a dispatch
-        action = { type: 'APPLICATION_STATE', name: (`key.endsWith('=')` ? key.chop : key), value: args[0] }
-        Isomorfeus.store.collect_and_defer_dispatch(action)
-      else
-        # check if we have a component local state value
-        if `#@native?.props?.iso_store?.application_state?.hasOwnProperty?.(key)`
-          return `#@native.props.iso_store.application_state[key]`
-        else
-          return AppStore[key]
-        end
-        # otherwise return nil
-        return nil
-      end
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_component/base.rb

@@ -1,7 +0,0 @@
-module LucidComponent
-  class Base
-    def self.inherited(base)
-      base.include(::LucidComponent::Mixin)
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_component/class_store_proxy.rb

@@ -1,37 +0,0 @@
-module LucidComponent
-  class ClassStoreProxy
-    def initialize(component_name, native = nil)
-      @component_name = component_name
-      @native = native
-    end
-
-    def [](key)
-      method_missing(key)
-    end
-
-    def []=(key, value)
-      method_missing(key, value)
-    end
-
-    def method_missing(key, *args, &block)
-      if `args.length > 0`
-        # set class state, simply a dispatch
-        action = { type: 'CLASS_STATE', class: @component_name, name: (`key.endsWith('=')` ? key.chop : key), value: args[0] }
-        Isomorfeus.store.collect_and_defer_dispatch(action)
-      else
-        # get class state
-        # check if we have a component local state value
-        if `#@native?.props?.iso_store?.class_state?.[#@component_name]?.hasOwnProperty?.(key)`
-          return `#@native.props.iso_store.class_state[#@component_name][key]`
-        else
-          a_state = Isomorfeus.store.get_state
-          if a_state.key?(:class_state) && a_state[:class_state].key?(@component_name) && a_state[:class_state][@component_name].key?(key)
-            return a_state[:class_state][@component_name][key]
-          end
-        end
-        # otherwise return nil
-        return nil
-      end
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_component/initializer.rb

@@ -1,9 +0,0 @@
-module LucidComponent::Initializer
-  def initialize(native_component)
-    @native = native_component
-    @app_store = LucidComponent::AppStoreProxy.new(@native)
-    @class_store = LucidComponent::ClassStoreProxy.new(self.class.to_s, @native)
-    @props = `Opal.Preact.Props.$new(#@native)`
-    @state = `Opal.Preact.State.$new(#@native)`
-  end
-end

data/lib/isomorfeus_preact/lucid_component/mixin.rb

@@ -1,13 +0,0 @@
-module LucidComponent::Mixin
-  def self.included(base)
-    base.include(::Native::Wrapper)
-    base.extend(::LucidComponent::NativeComponentConstructor)
-    base.include(::Preact::Elements)
-    base.extend(::LucidPropDeclaration::Mixin)
-    base.include(::Preact::Component::Api)
-    base.include(::Preact::Component::Callbacks)
-    base.include(::LucidComponent::Api)
-    base.include(::LucidComponent::Initializer)
-    base.include(::LucidI18n::Mixin) if `(Opal.modules.hasOwnProperty("lucid_i18n/mixin"))`
-  end
-end

data/lib/isomorfeus_preact/lucid_component/native_component_constructor.rb

@@ -1,87 +0,0 @@
-module LucidComponent::NativeComponentConstructor
-  # for should_component_update we apply ruby semantics for comparing props
-  # to do so, we convert the props to ruby hashes and then compare
-  # this makes sure, that for example rubys Nil object gets handled properly
-  def self.extended(base)
-    component_name = base.to_s
-    wrapper_name = component_name + 'Wrapper'
-    %x{
-      base.css_styles = null;
-      base.preload_block = null;
-      base.while_loading_block = null;
-
-      base.preact_component = function(props) {
-        let value = Opal.global.PreactHooks.useContext(Opal.global.LucidApplicationContext);
-        return Opal.global.Preact.createElement(base.lucid_preact_component, Object.assign({}, props, value));
-      };
-      base.preact_component.displayName = #{wrapper_name};
-      base.lucid_preact_component = class extends Opal.global.Preact.Component {
-        constructor(props) {
-          super(props);
-          const oper = Opal.Preact;
-          if (base.$default_state_defined()) {
-            this.state = base.$state().$to_n();
-          } else {
-            this.state = {};
-          };
-          this.__ruby_instance = base.$new(this);
-          var defined_refs = base.$defined_refs();
-          for (var ref in defined_refs) {
-            if (defined_refs[ref] != null) {
-              let r = ref; // to ensure closure for function below gets correct ref name
-              this[ref] = function(element) {
-                element = oper.native_element_or_component_to_ruby(element);
-                oper.register_active_component(this);
-                try {
-                  #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[r]`)}
-                } catch (e) { console.error(e.message === nil ? 'error at' : e.message, e.stack); }
-                oper.unregister_active_component(this);
-              }
-              this[ref] = this[ref].bind(this);
-            } else {
-              this[ref] = Opal.global.Preact.createRef();
-            }
-          }
-          if (base.preload_block) {
-            oper.register_active_component(this);
-            this.state.preloaded = this.__ruby_instance.$execute_preload_block(); // caught in execute_preload_block itself
-            oper.unregister_active_component(this);
-          }
-        }
-        static get displayName() {
-          return #{component_name};
-        }
-        render(props, state) {
-          const oper = Opal.Preact;
-          oper.render_buffer.push([]);
-          oper.register_active_component(this);
-          let block_result;
-          try {
-            if (base.while_loading_block && !state.preloaded) { block_result = #{`this.__ruby_instance`.instance_exec(&`base.while_loading_block`)}; }
-            else { block_result = #{`this.__ruby_instance`.instance_exec(&`base.render_block`)}; }
-            if (block_result && block_result !== nil) { oper.render_block_result(block_result); }
-          } catch (e) {
-            if (oper.using_did_catch) { throw e; }
-            else { console.error(e.message === nil ? 'error at' : e.message, e.stack); }
-          }
-          oper.unregister_active_component(this);
-          let result = oper.render_buffer.pop();
-          return (result.length === 1) ? result[0] : result;
-        }
-        data_access() {
-          return this.props.iso_store;
-        }
-        shouldComponentUpdate(next_props, next_state) {
-          if (!Opal.Preact.props_are_equal(this.props, next_props)) { return true; }
-          if (Opal.Preact.state_is_not_equal(this.state, next_state)) { return true; }
-          return false;
-        }
-        validateProp(props, propName, componentName) {
-          try { base.$validate_prop(propName, props[propName]) }
-          catch (e) { return new Error(componentName + " Error: prop validation failed: " + e.message); }
-          return null;
-        }
-      };
-    }
-  end
-end

data/lib/isomorfeus_preact/lucid_component/styles_wrapper.rb

@@ -1,40 +0,0 @@
-module LucidComponent
-  class StylesWrapper
-    include ::Native::Wrapper
-
-    def is_wrapped_style
-      true
-    end
-
-    def fade_in
-      'fadeIn'
-    end
-
-    def fade_out
-      'fadeOut'
-    end
-
-    def [](prop)
-      method_missing(prop)
-    end
-
-    def method_missing(prop, *args, &block)
-      %x{
-        let value;
-        value = #@native[prop];
-        if (value) { return value; }
-        else {
-          console.warn("Style/Theme key '" + prop + "' returning nil!");
-          return #{nil};
-        }
-      }
-    end
-
-    def to_h
-      %x{
-        if (#@props_prop) { return Opal.Hash.$new(#@native.props[#@props_prop]); }
-        else { return Opal.Hash.$new(#@native); }
-      }
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_func/base.rb

@@ -1,7 +0,0 @@
-module LucidFunc
-  class Base
-    def self.inherited(base)
-      base.include(::LucidFunc::Mixin)
-    end
-  end
-end

data/lib/isomorfeus_preact/lucid_func/initializer.rb

@@ -1,8 +0,0 @@
-module LucidFunc::Initializer
-  def initialize
-    self.JS[:native_props] = `{ props: null }`
-    @native_props = `Opal.Preact.Props.$new(#{self})`
-    @app_store = LucidComponent::AppStoreProxy.new(self)
-    @class_store = LucidComponent::ClassStoreProxy.new(self.class.to_s, self)
-  end
-end

data/lib/isomorfeus_preact/lucid_func/mixin.rb

@@ -1,10 +0,0 @@
-module LucidFunc::Mixin
-  def self.included(base)
-    base.include(::LucidFunc::Initializer)
-    base.include(::Preact::FunctionComponent::Api)
-    base.extend(::LucidFunc::NativeComponentConstructor)
-    base.include(::Preact::Elements)
-    base.include(::LucidComponent::Api)
-    base.include(::LucidI18n::Mixin) if `(Opal.modules.hasOwnProperty("lucid_i18n/mixin"))`
-  end
-end