react_webpack_rails 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 29f27718bf4f9c516d3de813560b52b5e7164d19
+  data.tar.gz: 1090c7f9014ddacb6e58c5f7a298c6dcce17d2f3
+SHA512:
+  metadata.gz: de6c1cad348f6ce13aa40898e3e4472aeda9c83169199b21bc6208a5bf2ecf3d084f1191d73b2c0025d5b4bc3687db3447bb7d97eca45ca25c95ddff46f6e797
+  data.tar.gz: da62d8986d8184501c58bdd881b3a688ff81dee2f42d5858521572acb5bf46f6ea3c1fece8e1c43d60dff8896160face39139f8ed6a2f334be8f73d488db521a

data/.gitignore

@@ -0,0 +1,10 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+react_webpack_rails-0.0.1.gem

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.2.2
+before_install: gem install bundler -v 1.10.4

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in react_webpack_rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Rafał Gawlik
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,41 @@
+# ReactWebpackRails
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/react_webpack_rails`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'react_webpack_rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install react_webpack_rails
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake rspec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/react_webpack_rails.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "react_webpack_rails"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/assets/javascripts/react-integration.js.erb

@@ -0,0 +1,109 @@
+/*globals React, Turbolinks*/
+
+// from https://github.com/reactjs/react-rails/blob/master/lib/assets/javascripts/react_ujs.js.erb
+// Unobtrusive scripting adapter for React
+;(function(document, window) {
+  // jQuery is optional. Use it to support legacy browsers.
+  var $ = (typeof window.jQuery !== 'undefined') && window.jQuery;
+
+  window.reactComponents = {};
+  window.registerComponent = function (name, component) {
+    window.reactComponents[name] = component;
+  };
+
+  // create the  namespace
+  window.ReactRailsUJS = {
+    CLASS_NAME_ATTR: 'data-react-class',
+    PROPS_ATTR: 'data-react-props',
+    RAILS_ENV_DEVELOPMENT: <%= Rails.env == "development" %>,
+    // helper method for the mount and unmount methods to find the
+    // `data-react-class` DOM elements
+    findDOMNodes: function(searchSelector) {
+      // we will use fully qualified paths as we do not bind the callbacks
+      var selector;
+      if (typeof searchSelector === 'undefined') {
+        var selector = '[' + window.ReactRailsUJS.CLASS_NAME_ATTR + ']';
+      } else {
+        var selector = searchSelector + ' [' + window.ReactRailsUJS.CLASS_NAME_ATTR + ']';
+      }
+
+      if ($) {
+        return $(selector);
+      } else {
+        return document.querySelectorAll(selector);
+      }
+    },
+
+    mountComponents: function(searchSelector) {
+      var nodes = window.ReactRailsUJS.findDOMNodes(searchSelector);
+
+      for (var i = 0; i < nodes.length; ++i) {
+        var node = nodes[i];
+        var className = node.getAttribute(window.ReactRailsUJS.CLASS_NAME_ATTR);
+
+        // Assume className is simple and can be found at top-level (window).
+        // Fallback to eval to handle cases like 'My.React.ComponentName'.
+
+        var constructor = window.reactComponents[className] || eval.call(window, className);
+        var propsJson = node.getAttribute(window.ReactRailsUJS.PROPS_ATTR);
+        var props = propsJson && JSON.parse(propsJson);
+
+        React.render(React.createElement(constructor, props), node);
+      }
+    },
+
+    unmountComponents: function(searchSelector) {
+      var nodes = window.ReactRailsUJS.findDOMNodes(searchSelector);
+
+      for (var i = 0; i < nodes.length; ++i) {
+        var node = nodes[i];
+
+        React.unmountComponentAtNode(node);
+      }
+    }
+  };
+
+  // functions not exposed publicly
+  function handleTurbolinksEvents () {
+    var handleEvent;
+    var unmountEvent;
+
+    if ($) {
+      handleEvent = function(eventName, callback) {
+        $(document).on(eventName, callback);
+      };
+
+    } else {
+      handleEvent = function(eventName, callback) {
+        document.addEventListener(eventName, callback);
+      };
+    }
+
+    if (Turbolinks.EVENTS) {
+      unmountEvent = Turbolinks.EVENTS.BEFORE_UNLOAD;
+    } else {
+      unmountEvent = 'page:receive';
+      Turbolinks.pagesCached(0);
+
+      if (window.ReactRailsUJS.RAILS_ENV_DEVELOPMENT) {
+        console.warn('The Turbolinks cache has been disabled (Turbolinks >= 2.4.0 is recommended). See https://github.com/reactjs/react-rails/issues/87 for more information.');
+      }
+    }
+    handleEvent('page:change', function() {window.ReactRailsUJS.mountComponents()});
+    handleEvent(unmountEvent, function() {window.ReactRailsUJS.unmountComponents()});
+  }
+
+  function handleNativeEvents() {
+    if ($) {
+      $(function() {window.ReactRailsUJS.mountComponents()});
+    } else {
+      document.addEventListener('DOMContentLoaded', function() {window.ReactRailsUJS.mountComponents()});
+    }
+  }
+
+  if (typeof Turbolinks !== 'undefined' && Turbolinks.supported) {
+    handleTurbolinksEvents();
+  } else {
+    handleNativeEvents();
+  }
+})(document, window);

data/lib/generators/react_webpack_rails/USAGE

@@ -0,0 +1,8 @@
+this will create:
+  webpack.config.js
+  karma.conf.js
+  tests.webpack.js
+  package.json.erb
+  app/react/index.js
+  app/react/components/hello-world.jsx
+  app/react/components/hello-world-test.jsx

data/lib/generators/react_webpack_rails/install_generator.rb

@@ -0,0 +1,20 @@
+module ReactWebpackRails
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
+
+    def generate_layout
+      copy_file 'webpack.config.js', 'webpack.config.js'
+      copy_file 'karma.conf.js', 'karma.conf.js'
+      copy_file 'tests.webpack.js', 'tests.webpack.js'
+      copy_file 'index.js', 'app/react/index.js'
+      copy_file 'hello-world.jsx', 'app/react/components/hello-world.jsx'
+      template 'package.json.erb', 'package.json'
+    end
+
+    private
+
+    def file_name
+      layout_name.underscore
+    end
+  end
+end

data/lib/generators/react_webpack_rails/templates/hello-world-test.jsx

@@ -0,0 +1,12 @@
+import React from 'react/addons';
+const TestUtils = React.addons.TestUtils;
+import expect from 'expect';
+import HelloWorld from './hello-world';
+
+describe('HelloWorld', () => {
+  const component = TestUtils.renderIntoDocument(<HelloWorld/>);
+
+  it('renders', () => {
+    expect(TestUtils.findRenderedComponentWithType(component, HelloWorld)).toExist();
+  });
+});

data/lib/generators/react_webpack_rails/templates/hello-world.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+class Users extends React.Component {
+  render() {
+    return <div>Hello World</div>;
+  }
+}
+
+export default Users;

data/lib/generators/react_webpack_rails/templates/index.js

@@ -0,0 +1,4 @@
+window.React = require('react');
+import HelloWorld from './components/hello-world';
+
+registerComponent('hello-world', HelloWorld);

data/lib/generators/react_webpack_rails/templates/karma.conf.js

@@ -0,0 +1,30 @@
+var webpack = require('webpack');
+
+module.exports = function (config) {
+  config.set({
+    browsers: ['Chrome'],
+    singleRun: true,
+    frameworks: ['mocha', 'sinon'],
+    files: ['tests.webpack.js'],
+    preprocessors: {'tests.webpack.js': ['webpack', 'sourcemap']},
+    reporters: ['dots'],
+    webpack: {
+      module: {
+        loaders: [
+          {
+            test: /\.jsx?$/,
+            exclude: /node_modules/,
+            loader: 'babel-loader'
+          }]
+      },
+      watch: true,
+      resolve: {
+        extensions: ["", ".js", ".jsx", ".js.jsx"]
+      },
+      devtool: 'inline-source-map',
+    },
+    webpackServer: {
+      noInfo: true
+    }
+  });
+};

data/lib/generators/react_webpack_rails/templates/package.json.erb

@@ -0,0 +1,33 @@
+{
+  "name": "<%="#{Rails.application.class.parent_name}"%>",
+  "devDependencies": {
+    "babel-eslint": "^4.0.5",
+    "eslint": "^0.24.1",
+    "eslint-plugin-react": "^3.2.2",
+    "expect": "^1.9.0",
+    "karma": "^0.13.9",
+    "karma-chrome-launcher": "^0.2.0",
+    "karma-mocha": "^0.2.0",
+    "karma-sinon": "^1.0.4",
+    "karma-sourcemap-loader": "^0.3.5",
+    "karma-webpack": "^1.7.0"
+  },
+  "dependencies": {
+    "babel-core": "^5.8.19",
+    "babel-loader": "^5.3.2",
+    "chart.js": "^1.0.2",
+    "fuse.js": "^1.2.2",
+    "lodash": "^3.10.1",
+    "react": "^0.13.3",
+    "react-chartjs": "^0.6.0",
+    "react-tools": "*",
+    "webpack": "^1.10.5"
+  },
+  "scripts": {
+    "test": "karma start"
+  },
+  "license": "",
+  "engines": {
+    "node": ">= 0.10"
+  }
+}

data/lib/generators/react_webpack_rails/templates/tests.webpack.js

@@ -0,0 +1,2 @@
+var context = require.context('./app/react', true, /-test\.jsx?$/);
+context.keys().forEach(context);

data/lib/generators/react_webpack_rails/templates/webpack.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  context: __dirname + '/app/react',
+  entry: './index',
+  output: {
+    path: __dirname + '/app/assets/javascripts/generated',
+    filename: 'bundle.js'
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.jsx?$/,
+        exclude: /(node_modules|bower_components$)/,
+        loader: 'babel-loader'
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['', '.js', '.jsx', '.js.jsx']
+  }
+};

data/lib/react_webpack_rails/engine.rb

@@ -0,0 +1,4 @@
+module ReactWebpackRails
+  class Engine < Rails::Engine
+  end
+end

data/lib/react_webpack_rails/railtie.rb

@@ -0,0 +1,9 @@
+require 'react_webpack_rails/view_helpers'
+
+module ReactWebpackRails
+  class Railtie < Rails::Railtie
+    initializer "react_webpack_rails.view_helpers" do
+      ActionView::Base.send :include, ViewHelpers
+    end
+  end
+end

data/lib/react_webpack_rails/version.rb

@@ -0,0 +1,3 @@
+module ReactWebpackRails
+  VERSION = '0.0.1'
+end

data/lib/react_webpack_rails/view_helpers.rb

@@ -0,0 +1,18 @@
+module ReactWebpackRails
+  module ViewHelpers
+    # based on https://github.com/reactjs/react-rails/blob/master/lib/react/rails/view_helper.rb
+    def react_component(name, props = {}, options = {}, &block)
+      options = { tag: options } if options.is_a?(Symbol)
+
+      html_options = options.reverse_merge(data: {})
+      html_options[:data].tap do |data|
+        data[:react_class] = name
+        data[:react_props] = (props.is_a?(String) ? props : props.to_json)
+      end
+      html_tag = html_options[:tag] || :div
+      html_options.except!(:tag)
+
+      content_tag(html_tag, '', html_options, &block)
+    end
+  end
+end

data/lib/react_webpack_rails.rb

@@ -0,0 +1,4 @@
+require 'react_webpack_rails/version'
+require 'react_webpack_rails/engine'
+require 'react_webpack_rails/railtie'
+require 'react_webpack_rails/view_helpers'

data/react_webpack_rails.gemspec

@@ -0,0 +1,28 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'react_webpack_rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'react_webpack_rails'
+  spec.version       = ReactWebpackRails::VERSION
+  spec.authors       = ['Rafał Gawlik', 'Radosław Piątek']
+  spec.email         = ['gawlikraf@gmail.com', 'radek.nekath@gmail.com']
+
+  spec.summary       = 'React and Rails integration done with webpack'
+  spec.description   = ''
+  spec.homepage      = ''
+  spec.license       = 'MIT'
+
+  # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
+  # delete this section to allow pushing this gem to any host.
+
+  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_development_dependency 'bundler', '~> 1.10'
+  spec.add_development_dependency 'rake', '~> 10.0'
+  spec.add_development_dependency 'rspec'
+end

metadata

@@ -0,0 +1,113 @@
+--- !ruby/object:Gem::Specification
+name: react_webpack_rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Rafał Gawlik
+- Radosław Piątek
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-08-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !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: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: ''
+email:
+- gawlikraf@gmail.com
+- radek.nekath@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/assets/javascripts/react-integration.js.erb
+- lib/generators/react_webpack_rails/USAGE
+- lib/generators/react_webpack_rails/install_generator.rb
+- lib/generators/react_webpack_rails/templates/hello-world-test.jsx
+- lib/generators/react_webpack_rails/templates/hello-world.jsx
+- lib/generators/react_webpack_rails/templates/index.js
+- lib/generators/react_webpack_rails/templates/karma.conf.js
+- lib/generators/react_webpack_rails/templates/package.json.erb
+- lib/generators/react_webpack_rails/templates/tests.webpack.js
+- lib/generators/react_webpack_rails/templates/webpack.config.js
+- lib/react_webpack_rails.rb
+- lib/react_webpack_rails/engine.rb
+- lib/react_webpack_rails/railtie.rb
+- lib/react_webpack_rails/version.rb
+- lib/react_webpack_rails/view_helpers.rb
+- react_webpack_rails.gemspec
+homepage: ''
+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
+signing_key: 
+specification_version: 4
+summary: React and Rails integration done with webpack
+test_files: []