Contents

require 'wunderbar/render'
require 'ruby2js/filter/react'
require 'execjs'

react = File.expand_path('../vendor/react-with-addons.min.js', __FILE__)
Wunderbar::Asset.script name: 'react-min.js', file: react, render: true

reactdom = File.expand_path('../vendor/react-dom.min.js', __FILE__)
Wunderbar::Asset.script name: 'react-dom.min.js', file: reactdom, render: true,
  server: File.expand_path('../vendor/react-dom-server.min.js', __FILE__)

class Wunderbar::Render
  RUBY2JS_OPTIONS = {react: true}

  def self.server(common)
    "ReactDOMServer.renderToString(#{common})"
  end

  # return all nodes on server rendering, as there is no wrapper element
  # like there is for vue
  def self.extract(nodes)
    nodes
  end

  def self.client(common, element, target)
    "ReactDOM.render(#{common}, #{element})"
  end

  def self.eval(scripts, server)
    context = ExecJS.compile(scripts.compact.join(";\n"))
    context.eval(server)
  rescue ExecJS::ProgramError => e
    Wunderbar.error e
    "<pre>" + e.message.gsub('&', '&amp;').gsub('<', '&lt;').gsub('>', '&gt;') +
      "</pre>"
  end
end

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
wunderbar-1.6.0	lib/wunderbar/react.rb
wunderbar-1.5.1	lib/wunderbar/react.rb
wunderbar-1.5.0	lib/wunderbar/react.rb
wunderbar-1.4.5	lib/wunderbar/react.rb
wunderbar-1.4.2	lib/wunderbar/react.rb
wunderbar-1.4.1	lib/wunderbar/react.rb
wunderbar-1.4.0	lib/wunderbar/react.rb