isomorfeus-react 16.9.9 → 16.9.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 95359f47e37838bc5837fa240509800bcbcc9379738bbfce624647d30ba40763
-  data.tar.gz: 92bdcd861c9e9ffdabbe8a5e4dc33f50216ea1be9dafdb94615cfe0fb11a11f9
+  metadata.gz: 75729fef22a55df3ac3e157a7d7a52db075e43d99e9c46e81aef63824fdabdba
+  data.tar.gz: 26501bbbd44cca1c7e4f5e7d6ea1312b9ddabc7f298d3c8e0367097c10f11906
 SHA512:
-  metadata.gz: 6f23a39561194d77079a20fa6090abef89e17e7a8aec9f714e1bcb1e4487cf7236fe10e2d7517a2701ba8b283a6a250f5f5d891ede4cd69699a9f20d8559c0c8
-  data.tar.gz: 4ef5e72e196ddbd3975749ebae0db1115beaa4f2d53d0b20084e6150dd2241e9b0389e897cb20886ef0f866280665c325947da5aaf020dbb375ec88b73514323
+  metadata.gz: 1fc0991c90a58f4756246b9b26fe85cf0e8d64b24779fce4cac1aaf0846045bcf3bdb2a24896a781aad5af3188dcd754a12be2fb6a1163589cfeabd937f9eab3
+  data.tar.gz: c31e70784c55858c182cce6c194a472ca7476a355046c4d2dba9faf63f92df59b5560b156e6b4eff5c9d6a2ee80aad1862c053ce2048bc237f2e57d8c5dd309a

data/lib/isomorfeus-react.rb

@@ -38,6 +38,9 @@ if RUBY_ENGINE == 'opal'
   end
 
   # props
+  require 'isomorfeus/props/validate_hash_proxy'
+  require 'isomorfeus/props/validator'
+  require 'lucid_prop_declaration/mixin'
   require 'react/component/props'
 
   # HTML Elements support
@@ -65,7 +68,6 @@ if RUBY_ENGINE == 'opal'
   # require 'react/component/unsafe_api'
   require 'react/component/initializer'
   require 'react/component/native_component_constructor'
-  require 'react/component/native_component_validate_prop'
   require 'react/component/state'
   require 'react/component/match'
   require 'react/component/location'
@@ -97,7 +99,6 @@ if RUBY_ENGINE == 'opal'
   require 'lucid_component/app_store_proxy'
   require 'lucid_component/class_store_proxy'
   require 'lucid_component/instance_store_proxy'
-  require 'lucid_component/api'
   require 'lucid_component/initializer'
   require 'lucid_component/native_component_constructor'
   require 'lucid_component/event_handler'
@@ -121,6 +122,11 @@ else
   require 'react/version'
   require 'isomorfeus/config'
 
+  # props
+  require 'isomorfeus/props/validate_hash_proxy'
+  require 'isomorfeus/props/validator'
+  require 'lucid_prop_declaration/mixin'
+
   Isomorfeus.env = ENV['RACK_ENV']
 
   if Isomorfeus.production?

data/lib/isomorfeus/props/validate_hash_proxy.rb

@@ -0,0 +1,180 @@
+module Isomorfeus
+  module Props
+    class ValidateHashProxy
+      DEFAULT_HASH = { required: true, validate: {} }
+
+      def initialize
+        @validation_hash = DEFAULT_HASH
+      end
+
+      def is
+        self
+      end
+      alias_method :and, :is
+      alias_method :has, :is
+      alias_method :with, :is
+
+      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
+
+      # 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] = :string
+        @validation_hash[:validate][:sub_type] = :email
+        self
+      end
+
+      def Url
+        @validation_hash[:type] = :string
+        @validation_hash[:validate][:sub_type] = :url
+        self
+      end
+
+      def to_h
+        @validation_hash
+      end
+    end
+  end
+end

data/lib/isomorfeus/props/validator.rb

@@ -0,0 +1,129 @@
+module Isomorfeus
+  module Props
+    class Validator
+      def intialize(source_class, prop, value, options)
+        @c = source_class
+        @p = prop
+        @v = value
+        @o = options
+      end
+
+      def validate!
+        ensured = ensure!
+        unless ensured
+          cast!
+          type!
+        end
+        run_checks!
+        true
+      end
+
+      private
+
+      # basic tests
+
+      def cast!
+        if @o.key?(:cast)
+          begin
+            @v = case @o[:class]
+                 when Integer then value.to_i
+                 when String then value.to_s
+                 when Float then value.to_f
+                 when Array then value.to_a
+                 when Hash then value.to_h
+                 end
+            @v = !!@v if @o[:type] == :boolean
+          rescue
+            raise "#{@c}: #{@p} cast failed" unless value.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!
+        if @o.key?(:class)
+          raise "#{@c}: #{@p} class not #{@o[:class]}" unless value.class == @o[:class]
+        elsif @o.key?(:is_a)
+          raise "#{@c}: #{@p} is not a #{@o[:is_a]}" unless value.is_a?(@o[:is_a])
+        elsif @o.key?(:type)
+          case @o[:type]
+          when :boolean
+            raise "#{@c}: #{@p} is not a boolean" unless value.class == TrueClass || value.class == FalseClass
+          end
+        end
+      end
+
+      # all other checks
+
+      def run_checks!
+        @o[:validate].each do |m, l|
+          send('c_' + m, l)
+        end
+      end
+
+      # specific validations
+      def c_gt(v)
+        raise "#{@c}: #{@p} not greater than #{v}!" unless @v > v
+      end
+
+      def c_lt(v)
+        raise "#{@c}: #{@p} not less than #{v}!" unless @v < v
+      end
+
+      def c_keys(v)
+        raise "#{@c}: #{@p} keys dont fit!" unless @v.keys.sort == v.sort
+      end
+
+      def c_size(v)
+        raise "#{@c}: #{@p} length/size is not #{v}" unless @v.size == v
+      end
+
+      def c_matches(v)
+        raise "#{@c}: #{@p} does not match #{v}" unless v.matches?(@v)
+      end
+
+      def c_max(v)
+        raise "#{@c}: #{@p} is larger than #{v}" unless @v <= v
+      end
+
+      def c_min(v)
+        raise "#{@c}: #{@p} is smaller than #{v}" unless @v >= v
+      end
+
+      def c_max_size(v)
+        raise "#{@c}: #{@p} is larger than #{v}" unless @v.size <= v
+      end
+
+      def c_min_size(v)
+        raise "#{@c}: #{@p} is smaller than #{v}" unless @v.size >= v
+      end
+
+      def c_direction(v)
+        raise "#{@c}: #{@p} is positive" if v == :negative && @v >= 0
+        raise "#{@c}: #{@p} is negative" if v == :positive && @v < 0
+      end
+
+      def c_test
+        raise "#{@c}: #{@p} test condition check failed" unless @o[:test].call(@v)
+      end
+
+      def c_sub_type(v)
+        case v
+        when :email
+        when :url
+        end
+      end
+    end
+  end
+end

data/lib/lucid_app/mixin.rb

@@ -3,7 +3,7 @@ module LucidApp
     def self.included(base)
       base.include(::Native::Wrapper)
       base.extend(::LucidApp::NativeComponentConstructor)
-      base.extend(::React::Component::NativeComponentValidateProp)
+      base.extend(::LucidPropDeclaration::Mixin)
       base.extend(::React::Component::ShouldComponentUpdate)
       base.extend(::React::Component::EventHandler)
       base.include(::React::Component::Elements)

data/lib/lucid_app/native_component_constructor.rb

@@ -74,6 +74,11 @@ module LucidApp
           componentWillUnmount() {
             if (typeof this.unsubscriber === "function") { this.unsubscriber(); };
           }
+          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

data/lib/lucid_component/mixin.rb

@@ -3,13 +3,12 @@ module LucidComponent
     def self.included(base)
       base.include(::Native::Wrapper)
       base.extend(::LucidComponent::NativeComponentConstructor)
-      base.extend(::React::Component::NativeComponentValidateProp)
+      base.extend(::LucidPropDeclaration::Mixin)
       base.extend(::LucidComponent::EventHandler)
       base.include(::React::Component::Elements)
       base.include(::React::Component::API)
       base.include(::React::Component::Callbacks)
       base.include(::LucidComponent::StoreAPI)
-      base.include(::LucidComponent::API)
       base.include(::LucidComponent::Initializer)
       base.include(::React::Component::Features)
       base.include(::React::Component::Resolution)

data/lib/lucid_component/native_component_constructor.rb

@@ -123,27 +123,8 @@ module LucidComponent
             return false;
           }
           validateProp(props, propName, componentName) {
-            if (propName === "isomorfeus_store") { return null };
-            var prop_data = base.lucid_react_component.propValidations[propName];
-            if (!prop_data) { return true; };
-            var value = props[propName];
-            var result;
-            if (typeof prop_data.ruby_class != "undefined") {
-              result = (value.$class() == prop_data.ruby_class);
-              if (!result) {
-                return new Error('Invalid prop ' + propName + '! Expected ' + prop_data.ruby_class.$to_s() + ' but was ' + value.$class().$to_s() + '!');
-              }
-            } else if (typeof prop_data.is_a != "undefined") {
-              result = value["$is_a?"](prop_data.is_a);
-              if (!result) {
-                return new Error('Invalid prop ' + propName + '! Expected a child of ' + prop_data.is_a.$to_s() + '!');
-              }
-            }
-            if (typeof prop_data.required != "undefined") {
-              if (prop_data.required && (typeof props[propName] == "undefined")) {
-                return new Error('Prop ' + propName + ' is required but not given!');
-              }
-            }
+            try { base.$validate_prop(propName, props[propName]) }
+            catch (e) { return new Error(componentName + " Error: prop validation failed: " + e.message); }
             return null;
           }
         }

data/lib/lucid_material/app/mixin.rb

@@ -4,6 +4,7 @@ module LucidMaterial
       def self.included(base)
         base.include(::Native::Wrapper)
         base.extend(::LucidMaterial::App::NativeComponentConstructor)
+        base.extend(::LucidPropDeclaration::Mixin)
         base.extend(::React::Component::ShouldComponentUpdate)
         base.extend(::LucidComponent::EventHandler)
         base.include(::React::Component::Elements)

data/lib/lucid_material/app/native_component_constructor.rb

@@ -77,27 +77,8 @@ module LucidMaterial
               if (typeof this.unsubscriber === "function") { this.unsubscriber(); };
             }
             validateProp(props, propName, componentName) {
-              if (propName === "isomorfeus_store") { return null };
-              var prop_data = base.lucid_react_component.propValidations[propName];
-              if (!prop_data) { return true; };
-              var value = props[propName];
-              var result;
-              if (typeof prop_data.ruby_class != "undefined") {
-                result = (value.$class() == prop_data.ruby_class);
-                if (!result) {
-                  return new Error('Invalid prop ' + propName + '! Expected ' + prop_data.ruby_class.$to_s() + ' but was ' + value.$class().$to_s() + '!');
-                }
-              } else if (typeof prop_data.is_a != "undefined") {
-                result = value["$is_a?"](prop_data.is_a);
-                if (!result) {
-                  return new Error('Invalid prop ' + propName + '! Expected a child of ' + prop_data.is_a.$to_s() + '!');
-                }
-              }
-              if (typeof prop_data.required != "undefined") {
-                if (prop_data.required && (typeof props[propName] == "undefined")) {
-                  return new Error('Prop ' + propName + ' is required but not given!');
-                }
-              }
+              try { base.$validate_prop(propName, props[propName]) }
+              catch (e) { return new Error(componentName + " Error: prop validation failed: " + e.message); }
               return null;
             }
           }

data/lib/lucid_material/component/mixin.rb

@@ -4,13 +4,12 @@ module LucidMaterial
       def self.included(base)
         base.include(::Native::Wrapper)
         base.extend(::LucidMaterial::Component::NativeComponentConstructor)
-        base.extend(::React::Component::NativeComponentValidateProp)
+        base.extend(::LucidPropDeclaration::Mixin)
         base.extend(::LucidComponent::EventHandler)
         base.include(::React::Component::Elements)
         base.include(::React::Component::API)
         base.include(::React::Component::Callbacks)
         base.include(::LucidComponent::StoreAPI)
-        base.include(::LucidComponent::API)
         base.include(::LucidMaterial::Component::API)
         base.include(::LucidComponent::Initializer)
         base.include(::React::Component::Features)

data/lib/lucid_material/component/native_component_constructor.rb

@@ -119,27 +119,8 @@ module LucidMaterial
               return false;
             }
             validateProp(props, propName, componentName) {
-              if (propName === "isomorfeus_store") { return null };
-              var prop_data = base.lucid_react_component.propValidations[propName];
-              if (!prop_data) { return true; };
-              var value = props[propName];
-              var result;
-              if (typeof prop_data.ruby_class != "undefined") {
-                result = (value.$class() == prop_data.ruby_class);
-                if (!result) {
-                  return new Error('Invalid prop ' + propName + '! Expected ' + prop_data.ruby_class.$to_s() + ' but was ' + value.$class().$to_s() + '!');
-                }
-              } else if (typeof prop_data.is_a != "undefined") {
-                result = value["$is_a?"](prop_data.is_a);
-                if (!result) {
-                  return new Error('Invalid prop ' + propName + '! Expected a child of ' + prop_data.is_a.$to_s() + '!');
-                }
-              }
-              if (typeof prop_data.required != "undefined") {
-                if (prop_data.required && (typeof props[propName] == "undefined")) {
-                  return new Error('Prop ' + propName + ' is required but not given!');
-                }
-              }
+              try { base.$validate_prop(propName, props[propName]) }
+              catch (e) { return new Error(componentName + " Error: prop validation failed: " + e.message); }
               return null;
             }
           };

data/lib/lucid_prop_declaration/mixin.rb

@@ -0,0 +1,89 @@
+module LucidPropDeclaration
+  module Mixin
+    if RUBY_ENGINE == 'opal'
+      def self.extended(base)
+
+        def prop(prop_name, validate_hash = { required: true })
+          validate_hash = validate_hash.to_h if validate_hash.class == Isomorfeus::Props::ValidateHashProxy
+          if validate_hash.key?(:default)
+            %x{
+              if (base.lucid_react_component) {
+                let react_prop_name = Opal.React.lower_camelize(prop_name);
+                #{value = validate_hash[:default]}
+                if (!base.lucid_react_component.defaultProps) { base.lucid_react_component.defaultProps = {}; }
+                base.lucid_react_component.defaultProps[react_prop_name] = value;
+                if (!base.lucid_react_component.propTypes) { base.lucid_react_component.propTypes = {}; }
+                base.lucid_react_component.propTypes[react_prop_name] = base.lucid_react_component.prototype.validateProp;
+              } else if (base.react_component) {
+                let react_prop_name = Opal.React.lower_camelize(prop_name);
+                #{value = validate_hash[:default]}
+                if (!base.react_component.defaultProps) { base.react_component.defaultProps = {}; }
+                base.react_component.defaultProps[react_prop_name] = value;
+                if (!base.react_component.propTypes) { base.react_component.propTypes = {}; }
+                base.react_component.propTypes[react_prop_name] = base.react_component.prototype.validateProp;
+              }
+            }
+          end
+          declared_props[prop_name.to_sym] = validate_hash
+        end
+      end
+
+      def validate_function
+        %x{
+          if (typeof base.validate_function === 'undefined') {
+            base.validate_function = function(props_object) {
+              return base.$validate_props(`Opal.Hash.new(props_object)`)
+            }
+          }
+          return base.validate_function;
+        }
+      end
+
+      def validate_prop_function(prop)
+        function_name = "validate_#{prop}_function"
+        %x{
+          if (typeof base[function_name] === 'undefined') {
+            base[function_name] = function(value) {
+              return base.$validate_prop(prop, value);
+            }
+          }
+          return base[function_name];
+        }
+      end
+    else
+      def prop(prop_name, validate_hash = { required: true })
+        validate_hash = validate_hash.to_h if validate_hash.class == Isomorfeus::Props::ValidateHashProxy
+        declared_props[prop_name.to_sym] = validate_hash
+      end
+    end
+
+    def declared_props
+      @declared_props ||= {}
+    end
+
+    def validate
+      Isomorfeus::Props::ValidateHashProxy.new
+    end
+
+    def validate_prop(prop, value)
+      return false unless declared_props.key?(prop)
+      validator = Isomorfeus::Props::Validator.new(self, prop, value, declared_props[prop])
+      validator.validate!
+      true
+    end
+
+    def validate_props(props)
+      declared_props.each_key do |prop|
+        if declared_props[prop].key?(:required) && declared_props[prop][:required] && !props.key?[prop]
+          raise "Required prop #{prop} not given!"
+        end
+      end
+      result = true
+      props.each do |p, v|
+        r = validate_prop(p, v)
+        result = false unless r
+      end
+      result
+    end
+  end
+end

data/lib/react/component/api.rb

@@ -44,57 +44,6 @@ module React
             @default_state = React::Component::State.new(`native_state`)
           end
 
-          def prop(name, options = `null`)
-            name = `Opal.React.lower_camelize(name)`
-            if options
-              if options.key?(:default)
-                %x{
-                  if (typeof self.react_component.defaultProps == "undefined") {
-                    self.react_component.defaultProps = {};
-                  }
-                  self.react_component.defaultProps[name] = options.$fetch("default");
-                }
-              end
-              if options.key?(:class)
-                %x{
-                  Opal.React.set_validate_prop(self, name);
-                  self.react_component.propValidations[name].ruby_class = options.$fetch("class");
-                }
-              elsif options.key?(:is_a)
-                %x{
-                  Opal.React.set_validate_prop(self, name);
-                  self.react_component.propValidations[name].is_a = options.$fetch("is_a");
-                }
-              end
-              if options.key?(:required)
-                %x{
-                  Opal.React.set_validate_prop(self, name);
-                  self.react_component.propValidations[name].required = options.$fetch("required");
-                }
-              elsif !options.key?(:default)
-                %x{
-                  Opal.React.set_validate_prop(self, name);
-                  self.react_component.propValidations[name].required = true;
-                }
-              end
-            else
-              %x{
-                Opal.React.set_validate_prop(self, name);
-                self.react_component.propValidations[name].required = true;
-              }
-            end
-          end
-
-          def default_props
-            return @default_props if @default_props
-            %x{
-              if (typeof self.react_component.defaultProps == "undefined") {
-                self.lucid_react_component.defaultProps = {};
-              }
-            }
-            @default_props = `Opal.React.Component.Props.$new({props: self.react_component.defaultProps})`
-          end
-
           def render(&block)
             `base.render_block = block`
           end

data/lib/react/component/mixin.rb

@@ -4,13 +4,12 @@ module React
       def self.included(base)
         base.include(::Native::Wrapper)
         base.extend(::React::Component::NativeComponentConstructor)
-        base.extend(::React::Component::NativeComponentValidateProp)
+        base.extend(::LucidPropDeclaration::Mixin)
         base.extend(::React::Component::ShouldComponentUpdate)
         base.extend(::React::Component::EventHandler)
         base.include(::React::Component::Elements)
         base.include(::React::Component::API)
         base.include(::React::Component::Callbacks)
-        # base.include(::React::Component::UnsafeAPI)
         base.include(::React::Component::Initializer)
         base.include(::React::Component::Features)
         base.include(::React::Component::Resolution)

data/lib/react/component/native_component_constructor.rb

@@ -80,6 +80,11 @@ module React
                 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

data/lib/react/pure_component/mixin.rb

@@ -4,12 +4,11 @@ module React
       def self.included(base)
         base.include(::Native::Wrapper)
         base.extend(::React::Component::NativeComponentConstructor)
-        base.extend(::React::Component::NativeComponentValidateProp)
+        base.extend(::LucidPropDeclaration::Mixin)
         base.extend(::React::Component::EventHandler)
         base.include(::React::Component::Elements)
         base.include(::React::Component::API)
         base.include(::React::Component::Callbacks)
-        # base.include(::React::Component::UnsafeAPI)
         base.include(::React::Component::Initializer)
         base.include(::React::Component::Features)
         base.include(::React::Component::Resolution)

data/lib/react/version.rb

@@ -1,3 +1,3 @@
 module React
-  VERSION = '16.9.9'
+  VERSION = '16.9.10'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-react
 version: !ruby/object:Gem::Version
-  version: 16.9.9
+  version: 16.9.10
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-22 00:00:00.000000000 Z
+date: 2019-08-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: oj
@@ -170,6 +170,8 @@ files:
 - lib/isomorfeus-react.rb
 - lib/isomorfeus/config.rb
 - lib/isomorfeus/execution_environment.rb
+- lib/isomorfeus/props/validate_hash_proxy.rb
+- lib/isomorfeus/props/validator.rb
 - lib/isomorfeus/react_view_helper.rb
 - lib/isomorfeus/top_level_browser.rb
 - lib/isomorfeus/top_level_ssr.rb
@@ -178,7 +180,6 @@ files:
 - lib/lucid_app/context.rb
 - lib/lucid_app/mixin.rb
 - lib/lucid_app/native_component_constructor.rb
-- lib/lucid_component/api.rb
 - lib/lucid_component/app_store_defaults.rb
 - lib/lucid_component/app_store_proxy.rb
 - lib/lucid_component/base.rb
@@ -199,6 +200,7 @@ files:
 - lib/lucid_material/component/base.rb
 - lib/lucid_material/component/mixin.rb
 - lib/lucid_material/component/native_component_constructor.rb
+- lib/lucid_prop_declaration/mixin.rb
 - lib/react.rb
 - lib/react/active_support_support.rb
 - lib/react/children.rb
@@ -214,7 +216,6 @@ files:
 - lib/react/component/match.rb
 - lib/react/component/mixin.rb
 - lib/react/component/native_component_constructor.rb
-- lib/react/component/native_component_validate_prop.rb
 - lib/react/component/props.rb
 - lib/react/component/resolution.rb
 - lib/react/component/should_component_update.rb

data/lib/lucid_component/api.rb

@@ -1,82 +0,0 @@
-module LucidComponent
-  module API
-    def self.included(base)
-      base.instance_exec do
-        def prop(name, options = `null`)
-          name = `Opal.React.lower_camelize(name)`
-          if options
-            if options.key?(:default)
-              %x{
-                if (typeof self.lucid_react_component.defaultProps == "undefined") {
-                  self.lucid_react_component.defaultProps = { isomorfeus_store: Opal.Hash.$new() };
-                }
-                self.lucid_react_component.defaultProps[name] = options.$fetch("default");
-              }
-            end
-            if options.key?(:class)
-              %x{
-                if (typeof self.lucid_react_component.propTypes == "undefined") {
-                  self.lucid_react_component.propTypes = {};
-                  self.lucid_react_component.propValidations = {};
-                  self.lucid_react_component.propValidations[name] = {};
-                }
-                self.lucid_react_component.propTypes[name] = self.lucid_react_component.prototype.validateProp;
-                self.lucid_react_component.propValidations[name].ruby_class = options.$fetch("class");
-              }
-            elsif options.key?(:is_a)
-              %x{
-                if (typeof self.lucid_react_component.propTypes == "undefined") {
-                  self.lucid_react_component.propTypes = {};
-                  self.lucid_react_component.propValidations = {};
-                  self.lucid_react_component.propValidations[name] = {};
-                }
-                self.lucid_react_component.propTypes[name] = self.lucid_react_component.prototype.validateProp;
-                self.lucid_react_component.propValidations[name].is_a = options.$fetch("is_a");
-              }
-            end
-            if options.key?(:required)
-              %x{
-                if (typeof self.lucid_react_component.propTypes == "undefined") {
-                  self.lucid_react_component.propTypes = {};
-                  self.lucid_react_component.propValidations = {};
-                  self.lucid_react_component.propValidations[name] = {};
-                }
-                self.lucid_react_component.propTypes[name] = self.lucid_react_component.prototype.validateProp;
-                self.lucid_react_component.propValidations[name].required = options.$fetch("required");
-              }
-            elsif !options.key?(:default)
-              %x{
-                if (typeof self.lucid_react_component.propTypes == "undefined") {
-                  self.lucid_react_component.propTypes = {};
-                  self.lucid_react_component.propValidations = {};
-                }
-                self.lucid_react_component.propTypes[name] = self.lucid_react_component.prototype.validateProp;
-                self.lucid_react_component.propValidations[name].required = true;
-              }
-            end
-          else
-            %x{
-              if (typeof self.lucid_react_component.propTypes == "undefined") {
-                self.lucid_react_component.propTypes = {};
-                self.lucid_react_component.propValidations = {};
-                self.lucid_react_component.propValidations[name] = {};
-              }
-              self.lucid_react_component.propTypes[name] = self.lucid_react_component.prototype.validateProp;
-              self.lucid_react_component.propValidations[name].required = true;
-            }
-          end
-        end
-
-        def default_props
-          return @default_props if @default_props
-          %x{
-            if (typeof self.lucid_react_component.defaultProps == "undefined") {
-              self.lucid_react_component.defaultProps = { isomorfeus_store: Opal.Hash.$new() };
-            }
-          }
-          @default_props = React::Component::Props.new(`{props: self.lucid_react_component.defaultProps}`)
-        end
-      end
-    end
-  end
-end

data/lib/react/component/native_component_validate_prop.rb

@@ -1,37 +0,0 @@
-module React
-  module Component
-    module NativeComponentValidateProp
-      # 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)
-        # language=JS
-        %x{
-          base.react_component.prototype.validateProp = function(props, propName, componentName) {
-            var prop_data = base.react_component.propValidations[propName];
-            if (!prop_data) { return true; };
-            var value = props[propName];
-            var result;
-            if (typeof prop_data.ruby_class != "undefined") {
-              result = (value.$class() == prop_data.ruby_class);
-              if (!result) {
-                return new Error('Invalid prop ' + propName + '! Expected ' + prop_data.ruby_class.$to_s() + ' but was ' + value.$class().$to_s() + '!');
-              }
-            } else if (typeof prop_data.is_a != "undefined") {
-              result = value["$is_a?"](prop_data.is_a);
-              if (!result) {
-                return new Error('Invalid prop ' + propName + '! Expected a child of ' + prop_data.is_a.$to_s() + '!');
-              }
-            }
-            if (typeof prop_data.required != "undefined") {
-              if (prop_data.required && (typeof props[propName] == "undefined")) {
-                return new Error('Prop ' + propName + ' is required but not given!');
-              }
-            }
-            return null;
-          }
-        }
-      end
-    end
-  end
-end