Module: React::FunctionComponent::Creator

Defined in:
lib/react/function_component/creator.rb

Class Method Summary collapse

Instance Method Summary collapse

Class Method Details

.extended(base) ⇒ Object 



4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
# File 'lib/react/function_component/creator.rb', line 4

def self.extended(base)
  %x{
    base.react_component = function(props) {
      Opal.React.render_buffer.push([]);
      // console.log("function pushed", Opal.React.render_buffer, Opal.React.render_buffer.toString());
      Opal.React.active_components.push(base);
      let block_result = #{base.new(`props`).instance_exec(&`base.function_block`)};
      if (block_result && (block_result.constructor === String || block_result.constructor === Number)) { Opal.React.render_buffer[Opal.React.render_buffer.length - 1].push(block_result); }
      Opal.React.active_components.pop();
      // console.log("function popping", Opal.React.render_buffer, Opal.React.render_buffer.toString());
      return Opal.React.render_buffer.pop();
    }
  }

  base_module = base.to_s.deconstantize
  if base_module != ''
    base_module.constantize.define_singleton_method(base.to_s.demodulize) do |*args, &block|
      `Opal.React.internal_prepare_args_and_render(#{base}.react_component, args, block)`
    end
  else
    Object.define_method(base.to_s) do |*args, &block|
      `Opal.React.internal_prepare_args_and_render(#{base}.react_component, args, block)`
    end
  end

  def create_function(&block)
    `base.function_block = #{block}`
  end
end

Instance Method Details

#create_function(&block) ⇒ Object 



29
30
31
 
# File 'lib/react/function_component/creator.rb', line 29

def create_function(&block)
  `base.function_block = #{block}`
end