isomorfeus-preact 10.6.32 → 10.6.36

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 75663e1db3afaf4d60c6a1cb2e85544bc96b09fb9a9cee116aa0b055463cf611
-  data.tar.gz: 8b08d796a5bee25b087932f6a06f1a54dc4a7afefd883b5c7d561b04a07c1115
+  metadata.gz: 8b8caa31aa809b6b2d5a661043f1d63c601b68435abb00e82b427875b40e8843
+  data.tar.gz: 2e6e86666baaf1afed35e623d498190a8dd3c81ba1a2778efef3e9fd47a0ac20
 SHA512:
-  metadata.gz: d0e0a80f63b218960ba579a780bd8a1d2993f168611cd4a949899109b1ab7c32ec187d2b56682b109d6830119d23c9944698d781e1d6ae8c20b1e44b4ff57916
-  data.tar.gz: 895e40dc74ad772a9b3a32b43d7a707b7a2698f47aa66ae012c71eb245be970e94671c7ea9ff892791b29533587bc329f58df68738d987e68e9a1a9ab054611d
+  metadata.gz: 37963c919f5580f5efff03dec74ae6a34cee64f7789cb5db65b9d1944af95b12076e098da6feaf5198e86d992761673f27f528c80e859f17fa70b3a85a44c70c
+  data.tar.gz: 407af4aa4f09bed6ffc05c94a1670534cea93fbb3c6cd664e9dd49fdaa05a7f78e990c542f165758b8a2247c72f15d87c1c62dcf8ff82999499a3804075288ac

data/lib/isomorfeus/preact_view_helper.rb

@@ -4,9 +4,9 @@ module Isomorfeus
       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)
+    def cached_mount_component(component_name, props = {}, asset_key = 'ssr.js', skip_ssr: false, use_ssr: false, max_passes: 4, force: false)
       key = "#{component_name}#{props}#{asset}"
-      if Isomorfeus.production?
+      if Isomorfeus.production? && !force
         render_result, @ssr_response_status, @ssr_styles = component_cache.fetch(key)
         return render_result if render_result
       end
@@ -86,13 +86,13 @@ module Isomorfeus
         JAVASCRIPT
         # execute first render pass
         begin
-          pass += 1
           first_pass_skipped = Isomorfeus.ssr_contexts[thread_id_asset].exec(javascript)
         rescue Exception => e
           Isomorfeus.raise_error(error: e)
         end
         # wait for first pass to finish
         unless first_pass_skipped
+          pass += 1
           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
@@ -132,24 +132,24 @@ module Isomorfeus
             global.Exception = e;
           }
           let application_state = global.Opal.Isomorfeus.store.native.getState();
-          let transport_busy = false;
-          if (typeof global.Opal.Isomorfeus.Transport !== 'undefined' && global.Opal.Isomorfeus.Transport["$busy?"]()) { transport_busy = true; }
+          let still_busy = (#{pass}<2) ? global.Opal.Isomorfeus.store['$recently_dispatched?']() : false;
+          if (typeof global.Opal.Isomorfeus.Transport !== 'undefined' && global.Opal.Isomorfeus.Transport["$busy?"]()) { still_busy = true; }
           if (typeof global.NanoCSSInstance !== 'undefined') { ssr_styles = global.NanoCSSInstance.raw }
-          return [rendered_tree, application_state, ssr_styles, global.Opal.Isomorfeus['$ssr_response_status'](), transport_busy, global.Exception ? { message: global.Exception.message, stack: global.Exception.stack } : false];
+          return [rendered_tree, application_state, ssr_styles, global.Opal.Isomorfeus['$ssr_response_status'](), still_busy, global.Exception ? { message: global.Exception.message, stack: global.Exception.stack } : false];
         JAVASCRIPT
         # execute further render passes
         pass += 1
-        rendered_tree, application_state, @ssr_styles, @ssr_response_status, transport_busy, exception = Isomorfeus.ssr_contexts[thread_id_asset].exec(javascript)
+        rendered_tree, application_state, @ssr_styles, @ssr_response_status, still_busy, exception = Isomorfeus.ssr_contexts[thread_id_asset].exec(javascript)
         start_time = Time.now
-        while transport_busy
+        while still_busy
           break if (Time.now - start_time) > 5
-          while transport_busy
+          while still_busy
             break if (Time.now - start_time) > 4
             sleep 0.01
-            transport_busy = Isomorfeus.ssr_contexts[thread_id_asset].exec('return global.Opal.Isomorfeus.Transport["$busy?"]()')
+            still_busy = Isomorfeus.ssr_contexts[thread_id_asset].exec('return (typeof global.Opal.Isomorfeus.Transport !== "undefined") ? global.Opal.Isomorfeus.Transport["$busy?"]() : false')
           end
           pass += 1
-          rendered_tree, application_state, @ssr_styles, @ssr_response_status, transport_busy, exception = Isomorfeus.ssr_contexts[thread_id_asset].exec(javascript)
+          rendered_tree, application_state, @ssr_styles, @ssr_response_status, still_busy, exception = Isomorfeus.ssr_contexts[thread_id_asset].exec(javascript)
           break if pass >= max_passes
         end
         javascript = <<~JAVASCRIPT

data/lib/isomorfeus-preact.rb

@@ -38,6 +38,14 @@ if RUBY_ENGINE == 'opal'
   require 'preact/native_constant_wrapper'
 
   # Preact::Component
+  # make modules available
+  module Preact
+    module Component
+    end
+    module FunctionComponent
+    end
+  end
+
   require 'preact/component/api'
   require 'preact/component/callbacks'
   require 'preact/component/initializer'
@@ -52,6 +60,13 @@ if RUBY_ENGINE == 'opal'
     include Preact::ComponentResolution
   end
 
+  # make modules available
+  module LucidApp
+  end
+  module LucidComponent
+  end
+  module LucidFunc
+  end
   # init LucidApplicationContext (Store Provider and Consumer)
   require 'lucid_app/context'
   LucidApp::Context.create_application_context

data/lib/isomorfeus_preact/lucid_app/api.rb

@@ -1,40 +1,38 @@
-module LucidApp
-  module 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`)};
+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;
               }
             }
-          end
-          %x{
-            if (!base.css_theme) { return nil; }
-            return base.css_theme;
+            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
-        alias_method :theme=, :theme
+        %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/mixin.rb

@@ -1,15 +1,14 @@
-module LucidApp
-  module 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)
-    end
+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 `("lucid_i18n/mixin" in Opal.modules)`
   end
 end

data/lib/isomorfeus_preact/lucid_app/native_component_constructor.rb

@@ -1,102 +1,100 @@
-module LucidApp
-  module 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.while_loading_block = null;
+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.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();
+      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([]);
+          if (base.preload_block) {
             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); }
-            }
+            this.state.preloaded = this.__ruby_instance.$execute_preload_block(); // caught in execute_preload_block itself
             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;
+          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
 end

data/lib/isomorfeus_preact/lucid_component/api.rb

@@ -1,123 +1,120 @@
-module LucidComponent
-  module Api
-    def self.included(base)
-      base.instance_exec do
-        # stores
-        attr_accessor :app_store
-        attr_accessor :class_store
-        attr_accessor :store
+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
+      def class_store
+        @class_store ||= ::LucidComponent::ClassStoreProxy.new(self.to_s)
+      end
 
-        # preloading
-        def preload(&block)
-          `base.preload_block = block`
-          component_did_mount do
-            unless self.state.preloaded
-              @_preload_promise.then { self.state.preloaded = true } if @_preload_promise
-            end
+      # preloading
+      def preload(&block)
+        `base.preload_block = block`
+        component_did_mount do
+          unless self.state.preloaded
+            @_preload_promise.then { self.state.preloaded = true } if @_preload_promise
           end
         end
+      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(&block)
-            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(&block)
           end
-          `base.while_loading_block = wl_block`
         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`)};
+      # 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;
               }
             }
-          end
-          %x{
-            if (!base.css_styles) { return nil; }
-            return base.css_styles;
+            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
-        alias_method :styles=, :styles
+        %x{
+          if (!base.css_styles) { return nil; }
+          return base.css_styles;
+        }
       end
+      alias_method :styles=, :styles
+    end
 
-      # stores
-      def local_store
-        LocalStore
-      end
+    # stores
+    def local_store
+      LocalStore
+    end
 
-      def session_store
-        SessionStore
-      end
+    def session_store
+      SessionStore
+    end
 
-      def theme
-        props.theme
-      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
+    # 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
+    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
+    # 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
+    # requires transport
+    def current_user
+      Isomorfeus.current_user
     end
   end
 end

data/lib/isomorfeus_preact/lucid_component/initializer.rb

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