FND/.gitignore

## .gitignore
/vendor

## README.md

      
    Raw
  

              README.md
            
          
(optional) create .bundle/config to install gems locally:
---
BUNDLE_PATH: vendor/bundle
BUNDLE_DISABLE_SHARED_GEMS: '1'


bundle install downloads dependencies


(optional) node demo.js runs reference code


bundle exec ruby demo.rb runs corresponding Ruby code


## bundle.js
/* higher-order components */

function AppShell({ lang = "en", title }, ...content) {
	return `<!DOCTYPE html>
<html lang="${lang}">
	<title>${title}</title>
	<body>
		<h1>${title}</h1>
		${Image({
			uri: context.uri("static", "logo.png")
		})}
		${content.join("\n\t\t")}
	</body>
</html>`;
}

/* atomic components */

let Image = ({ uri }) => `<img src="${uri}">`;
let Text = (_, content) => `<p>${content}</p>`;

/* view functions */

function FrontPage({ lang, user }) {
	let params = {
		lang,
		title: `Hello, ${user.name}`
	};
	return AppShell(params,
			Text(null, "lorem ipsum dolor sit amet"),
			Image({
				uri: context.uri("static", "tracker.gif")
			}));
}

## demo.js
let fs = require("fs")

let context = {
	uri: (id, params) => `http://example.org/${id}/${params}`
};

let bundle = fs.readFileSync("./bundle.js", "utf-8");
eval(bundle);

let html = FrontPage({
	user: { name: "J. Doe" }
});
console.log(html);

## demo.rb
require 'mini_racer'

context = MiniRacer::Context.new

context.attach('context.uri', proc { |id, params|
  "http://example.org/#{id}/#{params}"
})

context.eval File.read('./bundle.js')

define_method :render do |view, params|
  puts context.eval("#{view}(#{params.to_json})")
end

render 'FrontPage', {
  user: { name: 'Jane Doe' }
}
puts '----'
render 'FrontPage', {
  lang: 'de',
  user: { name: 'John Doe' }
}

## Gemfile
source 'https://rubygems.org'

gem 'mini_racer'

## Gemfile.lock
GEM
  remote: https://rubygems.org/
  specs:
    libv8 (7.3.492.27.1)
    mini_racer (0.2.9)
      libv8 (>= 6.9.411)

PLATFORMS
  ruby

DEPENDENCIES
  mini_racer

BUNDLED WITH
   2.1.2
	/* higher-order components */

	function AppShell({ lang = "en", title }, ...content) {
	return `<!DOCTYPE html>
	<html lang="${lang}">
	<title>${title}</title>
	<body>
	<h1>${title}</h1>
	${Image({
	uri: context.uri("static", "logo.png")
	})}
	${content.join("\n\t\t")}
	</body>
	</html>`;
	}

	/* atomic components */

	let Image = ({ uri }) => `<img src="${uri}">`;
	let Text = (_, content) => `<p>${content}</p>`;

	/* view functions */

	function FrontPage({ lang, user }) {
	let params = {
	lang,
	title: `Hello, ${user.name}`
	};
	return AppShell(params,
	Text(null, "lorem ipsum dolor sit amet"),
	Image({
	uri: context.uri("static", "tracker.gif")
	}));
	}
	let fs = require("fs")

	let context = {
	uri: (id, params) => `http://example.org/${id}/${params}`
	};

	let bundle = fs.readFileSync("./bundle.js", "utf-8");
	eval(bundle);

	let html = FrontPage({
	user: { name: "J. Doe" }
	});
	console.log(html);
	require 'mini_racer'

	context = MiniRacer::Context.new

	context.attach('context.uri', proc { \|id, params\|
	"http://example.org/#{id}/#{params}"
	})

	context.eval File.read('./bundle.js')

	define_method :render do \|view, params\|
	puts context.eval("#{view}(#{params.to_json})")
	end

	render 'FrontPage', {
	user: { name: 'Jane Doe' }
	}
	puts '----'
	render 'FrontPage', {
	lang: 'de',
	user: { name: 'John Doe' }
	}
	GEM
	remote: https://rubygems.org/
	specs:
	libv8 (7.3.492.27.1)
	mini_racer (0.2.9)
	libv8 (>= 6.9.411)

	PLATFORMS
	ruby

	DEPENDENCIES
	mini_racer

	BUNDLED WITH
	2.1.2