webpacker-react 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ab20541e11a8ca3cfda69b8359711dc6ec01b878
-  data.tar.gz: 44795485fe7bdec875cdc9975bfb5c79d036dcc0
+  metadata.gz: 39f84822cc56ef9521b865a2cb02191c7e885de6
+  data.tar.gz: 3bc1aaa3c2e8907bdf68b1e0f988ec4a9be19dc2
 SHA512:
-  metadata.gz: 89a2087cf23242199f588d80139f809fb35b87a5b3abc530bd7ad2ff0aea3c08c399a3bd7bd875b5cd5b2b7d7d1e5a7a19028bee27d7066ce523e007186fd409
-  data.tar.gz: b20d46ad6d1ac3dfb130aa6c691be91738b879ec4d457fa84f25f8a40f9bee175da743d5180f1af50cfd8f3abf5a8d6801ca6931a394f26a40543be033135a10
+  metadata.gz: 03c1a606967a281f0ed6a2cb2bb382cfb908b35865c7595bd9a740d1c2466ea1f0d17bbbd2d2256b72c924cf9649622b1bd316d3a3f92649e068cd56ff74c6d7
+  data.tar.gz: e1cbc00fcb44f24844f19ae562b54bdaf464ddc9b71dfb44e85d74243bf8ae45c4ff0dc71942ffe91c1094d1939555a601f0c4399d3b68288a8478f51c162de3

data/.gitignore

@@ -1,7 +1,6 @@
 node_modules/
 /.bundle/
 /.yardoc
-/Gemfile.lock
 /_yardoc/
 /coverage/
 /doc/
@@ -14,5 +13,6 @@ node_modules/
 test/example_app/log/*
 test/example_app/tmp/*
 test/example_app/public/packs
+test/example_app/public/packs-test
 
 .rvmrc

data/.rubocop.yml

@@ -4,6 +4,7 @@ AllCops:
   # to ignore them, so only the ones explicitly set in this file are enabled.
   DisabledByDefault: true
   Exclude:
+    - '**/node_modules/**/*'
     - '**/vendor/**/*'
 
 # Prefer &&/|| over and/or.

data/CHANGELOG.md

@@ -5,17 +5,30 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
-## 0.2.0 - 2017-03-20
+
+## [0.3.0] - 2017-05-27
+
+### Added
+- Webpacker 1.2 and 2.0 support
+- Added a `tag` option to change the tag used to render the component (default is `div`)
+
+## [0.2.0] - 2017-03-20
+
 ### Added
 - support for Turbolinks 5, Turbolinks 2.4 and PJAX. Components will be mounted and unmounted when Turbolinks-specific events occur. Also, the integration works with Turbolinks 5 cache.
 - New `WebpackerReact.setup({Component1, Component2, ...})` initialization API. The old API couldn't properly detect the components' names, thus user is required to provide the names in the configuration object's keys.
 ### Removed
 - `WebpackerReact.register(Component)` has been dropped in favor of `WebpackerReact.setup({Component})`
-## 0.1.0 - 2017-02-23
+
+## [0.1.0] - 2017-02-23
+
 ### Added
 - First released version
 - render React components from views using the `react_component` helper
 - render React components from controllers using `render react_component: 'name'` (#1 by @daninfpj)
 - basic Hot Module Remplacement (#7 by @mfazekas)
 
-[Unreleased]: https://github.com/renchap/webpacker-react/compare/v0.1.0...HEAD
+[Unreleased]: https://github.com/renchap/webpacker-react/compare/v0.3.0...HEAD
+[0.3.0]: https://github.com/renchap/webpacker-react/tree/v0.3.0
+[0.2.0]: https://github.com/renchap/webpacker-react/tree/v0.2.0
+[0.1.0]: https://github.com/renchap/webpacker-react/tree/v0.1.0

data/Gemfile

@@ -1,9 +1,8 @@
 source "https://rubygems.org"
 
 gem "rubocop", ">= 0.47", require: false
-gem "rails", github: "rails/rails"
-gem "arel", github: "rails/arel"
-gem "webpacker", github: "rails/webpacker"
+gem "rails", "~> 5.1.1"
+gem "webpacker", "~> 2.0.0"
 
 # Specify your gem's dependencies in webpacker-react.gemspec
 gemspec

data/Gemfile.lock

@@ -0,0 +1,159 @@
+PATH
+  remote: .
+  specs:
+    webpacker-react (0.3.0)
+      webpacker
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actioncable (5.1.1)
+      actionpack (= 5.1.1)
+      nio4r (~> 2.0)
+      websocket-driver (~> 0.6.1)
+    actionmailer (5.1.1)
+      actionpack (= 5.1.1)
+      actionview (= 5.1.1)
+      activejob (= 5.1.1)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 2.0)
+    actionpack (5.1.1)
+      actionview (= 5.1.1)
+      activesupport (= 5.1.1)
+      rack (~> 2.0)
+      rack-test (~> 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.0.2)
+    actionview (5.1.1)
+      activesupport (= 5.1.1)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.0.3)
+    activejob (5.1.1)
+      activesupport (= 5.1.1)
+      globalid (>= 0.3.6)
+    activemodel (5.1.1)
+      activesupport (= 5.1.1)
+    activerecord (5.1.1)
+      activemodel (= 5.1.1)
+      activesupport (= 5.1.1)
+      arel (~> 8.0)
+    activesupport (5.1.1)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (~> 0.7)
+      minitest (~> 5.1)
+      tzinfo (~> 1.1)
+    addressable (2.5.0)
+      public_suffix (~> 2.0, >= 2.0.2)
+    arel (8.0.0)
+    ast (2.3.0)
+    builder (3.2.3)
+    capybara (2.12.0)
+      addressable
+      mime-types (>= 1.16)
+      nokogiri (>= 1.3.3)
+      rack (>= 1.0.0)
+      rack-test (>= 0.5.4)
+      xpath (~> 2.0)
+    cliver (0.3.2)
+    concurrent-ruby (1.0.5)
+    erubi (1.6.0)
+    globalid (0.4.0)
+      activesupport (>= 4.2.0)
+    i18n (0.8.1)
+    loofah (2.0.3)
+      nokogiri (>= 1.5.9)
+    mail (2.6.5)
+      mime-types (>= 1.16, < 4)
+    method_source (0.8.2)
+    mime-types (3.1)
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2016.0521)
+    mini_portile2 (2.1.0)
+    minitest (5.10.1)
+    multi_json (1.12.1)
+    nio4r (2.0.0)
+    nokogiri (1.7.0.1)
+      mini_portile2 (~> 2.1.0)
+    parser (2.4.0.0)
+      ast (~> 2.2)
+    poltergeist (1.13.0)
+      capybara (~> 2.1)
+      cliver (~> 0.3.1)
+      websocket-driver (>= 0.2.0)
+    powerpack (0.1.1)
+    public_suffix (2.0.5)
+    rack (2.0.1)
+    rack-test (0.6.3)
+      rack (>= 1.0)
+    rails (5.1.1)
+      actioncable (= 5.1.1)
+      actionmailer (= 5.1.1)
+      actionpack (= 5.1.1)
+      actionview (= 5.1.1)
+      activejob (= 5.1.1)
+      activemodel (= 5.1.1)
+      activerecord (= 5.1.1)
+      activesupport (= 5.1.1)
+      bundler (>= 1.3.0, < 2.0)
+      railties (= 5.1.1)
+      sprockets-rails (>= 2.0.0)
+    rails-dom-testing (2.0.3)
+      activesupport (>= 4.2.0)
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.0.3)
+      loofah (~> 2.0)
+    railties (5.1.1)
+      actionpack (= 5.1.1)
+      activesupport (= 5.1.1)
+      method_source
+      rake (>= 0.8.7)
+      thor (>= 0.18.1, < 2.0)
+    rainbow (2.2.1)
+    rake (10.5.0)
+    rubocop (0.47.1)
+      parser (>= 2.3.3.1, < 3.0)
+      powerpack (~> 0.1)
+      rainbow (>= 1.99.1, < 3.0)
+      ruby-progressbar (~> 1.7)
+      unicode-display_width (~> 1.0, >= 1.0.1)
+    ruby-progressbar (1.8.1)
+    sprockets (3.7.1)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
+    sprockets-rails (3.2.0)
+      actionpack (>= 4.0)
+      activesupport (>= 4.0)
+      sprockets (>= 3.0.0)
+    thor (0.19.4)
+    thread_safe (0.3.6)
+    tzinfo (1.2.3)
+      thread_safe (~> 0.1)
+    unicode-display_width (1.1.3)
+    webpacker (2.0)
+      activesupport (>= 4.2)
+      multi_json (~> 1.2)
+      railties (>= 4.2)
+    websocket-driver (0.6.5)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.2)
+    xpath (2.0.0)
+      nokogiri (~> 1.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.13)
+  capybara
+  minitest (~> 5.0)
+  poltergeist
+  rails (~> 5.1.1)
+  rake (~> 10.0)
+  rubocop (>= 0.47)
+  webpacker (~> 2.0.0)
+  webpacker-react!
+
+BUNDLED WITH
+   1.15.0

data/README.md

@@ -1,20 +1,13 @@
-# Webpacker::React [![CircleCI](https://circleci.com/gh/renchap/webpacker-react.svg?style=svg)](https://circleci.com/gh/renchap/webpacker-react)
+# Webpacker-React [![CircleCI](https://circleci.com/gh/renchap/webpacker-react.svg?style=svg)](https://circleci.com/gh/renchap/webpacker-react)
+
+*__Note:__ This is the documentation for the Git master branch. Documentation for the latest release (0.3.0) is [available here](https://github.com/renchap/webpacker-react/tree/v0.3.0).*
 
 Webpacker-React makes it easy to use [React](https://facebook.github.io/react/) with [Webpacker](https://github.com/rails/webpacker) in your Rails applications.
 
-Important note: Webpacker is not yet officially released. It will be included in Rails 5.1 but is highly experimental for now.
+It supports Webpacker 1.2+.
 
 An example application is available: https://github.com/renchap/webpacker-react-example/
 
-This gem is a work in progress. Final feature list:
-
-- [x] uses the new Webpacker way of integrating Javascript with Rails (using packs)
-- [x] render React components from views using a `react_component` helper
-- [x] render React components from controllers using `render react_component: 'name'`
-- [x] support for [hot reloading](https://github.com/gaearon/react-hot-loader)
-- [ ] render components server-side
-- [ ] use a Rails generator to create new components
-
 ## Installation
 
 Your Rails application needs to use Webpacker and have the React integration done. Please refer to their documentation documentation for this: https://github.com/rails/webpacker/blob/master/README.md#ready-for-react
@@ -22,7 +15,7 @@ Your Rails application needs to use Webpacker and have the React integration don
 First, you need to add the webpacker-react gem to your Rails app Gemfile:
 
 ```ruby
-gem 'webpacker-react', "~> 0.1.0"
+gem 'webpacker-react', "~> 0.3.0"
 ```
 
 Once done, run `bundle` to install the gem.
@@ -77,12 +70,19 @@ Now you can render React components from your views or your controllers.
 
 ### Rendering from a view
 
-Use the `react_component` helper:
+Use the `react_component` helper. The first argument is your component's name, the second one is the `props`:
 
 ```erb
 <%= react_component('Hello', name: 'React') %>
 ```
 
+You can pass a `tag` argument to render the React component in another tag than the default `div`. All other arguments will be passed to `content_tag`:
+
+```erb
+<%= react_component('Hello', { name: 'React' }, tag: :span, class: 'my-custom-component') %>
+# This will render <span class="my-custom-component" data-react-class="Hello" data-react-props="..."></div>
+```
+
 ### Rendering from a controller
 
 ```rb
@@ -93,7 +93,13 @@ class PageController < ApplicationController
 end
 ```
 
-You can pass any of the usual arguments to render in this call: `layout`, `status`, `content_type`, etc.
+You can use the `tag_options` argument to change the generated HTML, similar to the `react_component` method above:
+
+```rb
+render react_component: 'Hello', props: { name: 'React' }, tag_options: { tag: :span, class: 'my-custom-component' }
+```
+
+You can also pass any of the usual arguments to `render` in this call: `layout`, `status`, `content_type`, etc.
 
 *Note: you need to have [Webpack process your code](https://github.com/rails/webpacker#binstubs) before it is available to the browser, either by manually running `./bin/webpack` or having the `./bin/webpack-watcher` process running.*
 
@@ -103,10 +109,10 @@ You can pass any of the usual arguments to render in this call: `layout`, `statu
 reloading the page. This allows any change you make to your React components to be applied as soon as you save,
 preserving their current state.
 
-First, install `react-hot-loader`:
+First, install `react-hot-loader` (version 3):
 
 ```
-./bin/yarn add react-hot-loader@3.0.0-beta.6
+./bin/yarn add react-hot-loader@beta
 ```
 
 You then need to update your Webpack config.
@@ -118,26 +124,15 @@ significantly different than the standard Webpacker config:
 //development.js
 ...
 
-var configureHotModuleReplacement = require('webpacker-react/configure-hot-module-replacement')
-
-var sharedConfig = require('./shared.js')
-sharedConfig.config = configureHotModuleReplacement(sharedConfig.config)
+const sharedConfig = require('./shared.js')
+const configureHotModuleReplacement = require('webpacker-react/configure-hot-module-replacement')
 
-module.exports = merge(sharedConfig, ...)
+module.exports = merge(configureHotModuleReplacement(sharedConfig), ...)
 ```
 
 If you need to change your configuration manually:
 
-1. set the public URL used to load `webpack-dev-server` assets
-    ```js
-    {
-      output: {
-        publicPath: 'http://localhost:8080'
-      }
-    }
-    ```
-
-2. add `react-hot-loader/babel` to your `babel-loader` rules:
+1. add `react-hot-loader/babel` to your `babel-loader` rules:
     ```javascript
     {
     module: {
@@ -147,17 +142,13 @@ If you need to change your configuration manually:
           exclude: /node_modules/,
           loader: 'babel-loader',
           options: {
-            presets: [
-              'react',
-              [ 'latest', { 'es2015': { 'modules': false } } ]
-            ],
             plugins: ['react-hot-loader/babel']
           }
         }
     }
     ```
 
-3. prepend `react-hot-loader/patch` to your entries:
+2. prepend `react-hot-loader/patch` to your entries:
     ```javascript
     {
       entry:
@@ -166,7 +157,7 @@ If you need to change your configuration manually:
     }
     ```
 
-4. you now need to use `webpack-dev-server` (in place of `webpack` or `webpack-watcher`). Make sure the following line is in your development.rb:
+3. you now need to use `webpack-dev-server` (in place of `webpack` or `webpack-watcher`). Make sure the following line is in your development.rb:
     ```ruby
     config.x.webpacker[:dev_server_host] = 'http://localhost:8080/'
     ```
@@ -175,7 +166,7 @@ and start `webpack-dev-server` in hot replacement mode:
     ./bin/webpack-dev-server --hot
     ```
 
-5. finally opt in to HMR from your pack files:
+4. finally opt in to HMR from your pack files:
     ```es6
     import SomeRootReactComponent from 'components/some-root-react-component'
     import WebpackerReact from 'webpacker-react/hmr'
@@ -186,6 +177,8 @@ and start `webpack-dev-server` in hot replacement mode:
         WebpackerReact.renderOnHMR(SomeRootReactComponent) )
     ```
 
+You also need to ensure that `output.publicPath` are correctly set. This should be already handled by Webpacker.
+
 ## Development
 
 To work on this gem locally, you first need to clone and setup [the example application](https://github.com/renchap/webpacker-react-example).
@@ -215,27 +208,15 @@ After launching `./bin/webpack-watcher` and `./bin/rails server` in your example
 
 ## Testing
 
-Make sure you run first:
-
-```sh
-$ test/example_app/bin/yarn
-$ test/example_app/bin/webpack
-```
+If you changed the local javascript package, first ensure it is build (see above).
 
-And optionally:
-
-```sh
-$ cd test/example_app/vendor/
-$ yarn link "webpacker-react"
-```
-
-Finally, run the test suite:
+To run the test suite:
 
 ```sh
 $ rake test
 ```
 
-If you change the javascript code, please ensure there are no style errors:
+If you change the javascript code, please ensure there are no style errors before committing:
 
 ```sh
 $ cd javascript/webpacker_react-npm-module/
@@ -247,6 +228,10 @@ $ yarn lint
 Bug reports and pull requests are welcome on GitHub at https://github.com/renchap/webpacker-react.
 Please feel free to open issues about your needs and features you would like to be added.
 
+## Wishlist
+
+- [ ] server-side rendering (#3)
+
 ### Thanks
 
 This gem has been inspired by the awesome work on [react-rails](https://github.com/reactjs/react-rails) and [react_on_rails](https://github.com/shakacode/react_on_rails/). Many thanks to their authors!

data/Rakefile

@@ -5,6 +5,9 @@ Rake::TestTask.new(:test) do |t|
   t.libs << "test"
   t.libs << "lib"
   t.test_files = FileList["test/**/*_test.rb"]
+  t.verbose = true
 end
 
 task default: :test
+
+Dir["lib/tasks/*.rake"].each { |f| load f }

data/circle.yml

@@ -1,21 +1,14 @@
 machine:
   node:
-    version: 6.1.0
-checkout:
+    version: 7.9.0
+compile:
   post:
     - yarn:
         pwd: javascript/webpacker_react-npm-module
     - yarn:
         pwd: javascript/webpacker_react-npm-module/dist
-    - yarn link:
-        pwd: javascript/webpacker_react-npm-module/dist
-compile:
-  override:
-    - test/example_app/bin/yarn
-    - yarn link webpacker-react:
-        pwd: test/example_app/vendor
-    - test/example_app/bin/webpack
 test:
   pre:
     - yarn lint:
         pwd: javascript/webpacker_react-npm-module
+    - bundle exec rubocop

data/javascript/webpacker_react-npm-module/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpacker-react",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Javascript",
   "main": "index.js",
   "homepage": "https://github.com/renchap/webpacker-react",
@@ -16,7 +16,8 @@
   "files": [
     "index.js",
     "configure-hot-module-replacement.js",
-    "hmr.js"
+    "hmr.js",
+    "ujs.js"
   ],
   "scripts": {
     "prepublish": "cd .. ; yarn run build"

data/javascript/webpacker_react-npm-module/src/configure-hot-module-replacement.js

@@ -2,14 +2,9 @@ import webpack from 'webpack'
 import merge from 'webpack-merge'
 
 function configureHotModuleReplacement(originalConfig) {
-  const webpackDevServerAddr = process.env.WEBPACK_DEV_SERVER_ADDR || 'http://localhost:8080/'
   const config = merge(
     originalConfig,
     {
-      output: {
-        // needed for HMR to know where to load the hot update chunks
-        publicPath: webpackDevServerAddr
-      },
       plugins: [
         new webpack.NamedModulesPlugin()
       ]

data/javascript/webpacker_react-npm-module/yarn.lock

@@ -1573,7 +1573,7 @@ lodash.cond@^4.3.0:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5"
 
-lodash@^4.0.0, lodash@^4.2.0, lodash@^4.3.0, "lodash@~> 4":
+lodash@^4.0.0, lodash@^4.2.0, lodash@^4.3.0:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
 
@@ -2010,13 +2010,7 @@ restore-cursor@^1.0.1:
     exit-hook "^1.0.0"
     onetime "^1.0.0"
 
-rimraf@2, rimraf@^2.2.8:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d"
-  dependencies:
-    glob "^7.0.5"
-
-rimraf@~2.5.1, rimraf@~2.5.4:
+rimraf@2, rimraf@^2.2.8, rimraf@~2.5.1, rimraf@~2.5.4:
   version "2.5.4"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.5.4.tgz#96800093cbf1a0c86bd95b4625467535c29dfa04"
   dependencies:

data/lib/tasks/disable_webpacker_checks.rake

@@ -0,0 +1,7 @@
+# webpacker:check_webpack_binstubs is looking for binstubs
+# in the gem root directory. We need to disable it for our
+# tests, as it tries to check they exist when loading the
+# example app
+
+task "webpacker:check_webpack_binstubs"
+Rake::Task["webpacker:check_webpack_binstubs"].clear

data/lib/tasks/example_app.rake

@@ -0,0 +1,15 @@
+require "English"
+
+namespace :example_app do
+  desc "Runs yarn in test/example_app"
+  task :yarn do
+    sh "cd test/example_app && yarn"
+  end
+
+  desc "Runs webpack in test/example_app"
+  task webpack: :yarn do
+    sh "cd test/example_app && NODE_ENV=test ./bin/webpack"
+  end
+end
+
+Rake::Task["test"].enhance ["example_app:webpack"]

data/lib/webpacker/react/component.rb

@@ -11,8 +11,10 @@ module Webpacker
       end
 
       def render(props = {}, options = {})
+        tag = options.delete(:tag) || :div
         data = { data: { "react-class" => @name, "react-props" => props.to_json } }
-        content_tag(:div, nil, options.deep_merge(data))
+
+        content_tag(tag, nil, options.deep_merge(data))
       end
     end
   end

data/lib/webpacker/react/railtie.rb

@@ -12,7 +12,8 @@ module Webpacker
       initializer :webpacker_react_renderer, group: :all do |_app|
         ActionController::Renderers.add :react_component do |component_name, options|
           props = options.fetch(:props, {})
-          html = Webpacker::React::Component.new(component_name).render(props)
+          tag_options = options.fetch(:tag_options, {})
+          html = Webpacker::React::Component.new(component_name).render(props, tag_options)
           render_options = options.merge(inline: html)
           render(render_options)
         end

data/lib/webpacker/react/version.rb

@@ -1,5 +1,5 @@
 module Webpacker
   module React
-    VERSION = "0.2.0".freeze
+    VERSION = "0.3.0".freeze
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: webpacker-react
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Renaud Chaput
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-03-20 00:00:00.000000000 Z
+date: 2017-05-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: webpacker
@@ -108,6 +108,7 @@ files:
 - CHANGELOG.md
 - CODE_OF_CONDUCT.md
 - Gemfile
+- Gemfile.lock
 - README.md
 - Rakefile
 - _config.yml
@@ -124,6 +125,8 @@ files:
 - javascript/webpacker_react-npm-module/src/index.js
 - javascript/webpacker_react-npm-module/src/ujs.js
 - javascript/webpacker_react-npm-module/yarn.lock
+- lib/tasks/disable_webpacker_checks.rake
+- lib/tasks/example_app.rake
 - lib/webpacker/react.rb
 - lib/webpacker/react/component.rb
 - lib/webpacker/react/helpers.rb