tilt-react 0.1.0

data/lib/tilt/react.rb

@@ -0,0 +1,97 @@
+require 'tilt/react/version'
+require 'tilt'
+require 'fileutils'
+require 'commonjs'
+require 'commonjs/require_string'
+require 'json'
+require 'v8'
+
+module Tilt
+  class ReactTemplate < Template
+    def initialize(file=nil, line=1, options={}, &block)
+      file = File.expand_path(file)
+      @bundle = @@bundle_lookup[file]
+      raise "The requested component has not be loaded, or does not exist: #{file}" unless @bundle
+      @component_class = File.basename(file, '.jsx').split('_').map(&:capitalize).join
+    end
+
+    def evaluate(scope, props, &block)
+      @output ||= begin
+        component = @@tilt_react_js.render(@component_class, props)
+        %{<div data-react-class="#{@component_class}">#{component}</div><script data-react-class="#{@component_class}" type="application/json">#{props.to_json}</script>}
+      end
+    end
+
+    def self.context
+      @@context
+    end
+
+    def self.js_libs=(js_dirs)
+      # Expand the js_libs to be the root and all folders in it, because CommonJS.rb doesn't do this
+      @js_libs = [*js_dirs].map { |dir|
+        [
+          dir,
+          Dir.glob("#{dir}/*").select { |f| File.directory? f }
+        ]
+      }.flatten.compact
+    end
+
+    def self.load_context
+      # Include the tilt-react bootstrap JS
+      all_libs = @js_libs + [File.expand_path('../../ext/', __dir__)]
+
+      @@context = CommonJS::Environment.new(
+        V8::Context.new,
+        path: all_libs
+      ).tap { |env|
+        env.runtime[:process] = { 'env' => ENV }
+        @@tilt_react_js = env.require('tilt-react')
+      }
+    end
+
+    def self.compile_bundles(bundles)
+      bundles.each do |selector, target|
+        files = case selector
+        when Enumerable then selector
+        when String then Dir.glob(selector)
+        else raise "Cannot coerce into list of files: #{selector}"
+        end
+
+        if files.any?
+          FileUtils.mkdir_p(File.dirname(target))
+
+          compile(files).each do |file, es5|
+            @@bundle_lookup[file] = target
+          end
+          
+          # FIXME: Browserify the es5
+          File.open(target, 'w') {}
+        end
+      end
+    end
+
+    def self.compile(files)
+      @@bundle_lookup ||= {}
+
+      [*files].map do |file|
+        file = File.expand_path(file)
+        next if @@bundle_lookup[file]
+
+        export_as = file_to_class_name(file)
+        template = Tilt::BabelTemplate.new(file)
+        es5 = template.render
+        @@tilt_react_js.components[export_as] = context.require_string(export_as, es5)
+        @@bundle_lookup[file] = true
+        [file, es5]
+      end
+    end
+
+    private
+
+    def self.file_to_class_name(file)
+      File.basename(file, '.jsx').split('_').map(&:capitalize).join
+    end
+  end
+end
+
+Tilt.register(Tilt::ReactTemplate, 'jsx')

data/lib/tilt/react/version.rb

@@ -0,0 +1,5 @@
+module Tilt
+  module React
+    VERSION = "0.1.0"
+  end
+end

data/tilt-react.gemspec

@@ -0,0 +1,31 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'tilt/react/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "tilt-react"
+  spec.version       = Tilt::React::VERSION
+  spec.authors       = ["JP Hastings-Spital"]
+  spec.email         = ["jphastings@gmail.com"]
+
+  spec.summary       = %q{Use React.js JSX files as view templates in Sinatra and other Tilt powered frameworks.}
+  spec.description   = %q{Render React.js JSX files with the Tilt templating system.}
+  spec.homepage      = "https://github.com/jphastings/tilt-react"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency 'babel-transpiler', '~> 0.7'
+  spec.add_dependency 'commonjs', '~> 0.2'
+  spec.add_dependency 'therubyracer', '~> 0.12'
+
+  spec.add_development_dependency 'bundler', '~> 1.9'
+  spec.add_development_dependency 'rake', '~> 10.0'
+  spec.add_development_dependency 'nokogiri', '~> 1.6'
+  spec.add_development_dependency 'capybara', '~> 2.6'
+  spec.add_development_dependency 'rspec-as_fixture', '~> 0.1'
+end

metadata

@@ -0,0 +1,194 @@
+--- !ruby/object:Gem::Specification
+name: tilt-react
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- JP Hastings-Spital
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-04-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: babel-transpiler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.7'
+- !ruby/object:Gem::Dependency
+  name: commonjs
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.2'
+- !ruby/object:Gem::Dependency
+  name: therubyracer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.12'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.12'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: nokogiri
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: capybara
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.6'
+- !ruby/object:Gem::Dependency
+  name: rspec-as_fixture
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+description: Render React.js JSX files with the Tilt templating system.
+email:
+- jphastings@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".codeclimate.yml"
+- ".eslintignore"
+- ".eslintrc"
+- ".gitignore"
+- ".rspec"
+- ".rubocop.yml"
+- ".travis.yml"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- examples/sinatra/.gitignore
+- examples/sinatra/.rspec
+- examples/sinatra/Gemfile
+- examples/sinatra/Gemfile.lock
+- examples/sinatra/README.md
+- examples/sinatra/app.rb
+- examples/sinatra/components/home_page.jsx
+- examples/sinatra/config.ru
+- examples/sinatra/package.json
+- examples/sinatra/spec/fixtures/home_page.yml
+- examples/sinatra/spec/home_page_spec.rb
+- examples/sinatra/spec/spec_helper.rb
+- examples/sinatra/views/layout.erb
+- ext/tilt-react-client.js
+- ext/tilt-react.js
+- lib/commonjs/require_string.rb
+- lib/rspec/react.rb
+- lib/rspec/react/component_helpers.rb
+- lib/sinatra/react.rb
+- lib/tilt/react.rb
+- lib/tilt/react/version.rb
+- tilt-react.gemspec
+homepage: https://github.com/jphastings/tilt-react
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5.1
+signing_key: 
+specification_version: 4
+summary: Use React.js JSX files as view templates in Sinatra and other Tilt powered
+  frameworks.
+test_files: []
+has_rdoc: