react_on_rails 2.0.0.beta.1 → 2.0.0.beta.2

data/lib/generators/react_on_rails/templates/bootstrap/app/assets/stylesheets/_bootstrap-custom.scss

@@ -0,0 +1,63 @@
+// This file loads Bootstrap by importing components explicitly instead of doing `@import 'bootstrap';`
+// Doing so allows for customization of exactly which components are imported.
+// The components themselves are made available via bootstrap-sass (https://github.com/twbs/bootstrap-sass#sass)
+
+// IMPORTANT: Make sure to keep the customizations defined in this file
+//            in-sync with the ones defined in client/bootstrap-sass.config.js.
+
+// For a reference on customizations,refer to:
+//  https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/_bootstrap.scss
+
+// If you are looking to merely change bootstrap variables from their default,
+// you should instead declare them in client/assets/stylesheets/_post-bootstrap.scss
+
+// Core variables and mixins
+@import 'bootstrap/variables';
+@import 'bootstrap/mixins';
+
+// Reset and dependencies
+@import 'bootstrap/normalize';
+@import 'bootstrap/print';
+@import 'bootstrap/glyphicons';
+
+// Core CSS
+@import 'bootstrap/scaffolding';
+@import 'bootstrap/type';
+@import 'bootstrap/code';
+@import 'bootstrap/grid';
+@import 'bootstrap/tables';
+@import 'bootstrap/forms';
+@import 'bootstrap/buttons';
+
+// Components
+@import 'bootstrap/component-animations';
+@import 'bootstrap/dropdowns';
+@import 'bootstrap/button-groups';
+@import 'bootstrap/input-groups';
+@import 'bootstrap/navs';
+@import 'bootstrap/navbar';
+@import 'bootstrap/breadcrumbs';
+@import 'bootstrap/pagination';
+@import 'bootstrap/pager';
+@import 'bootstrap/labels';
+@import 'bootstrap/badges';
+@import 'bootstrap/jumbotron';
+@import 'bootstrap/thumbnails';
+@import 'bootstrap/alerts';
+@import 'bootstrap/progress-bars';
+@import 'bootstrap/media';
+@import 'bootstrap/list-group';
+@import 'bootstrap/panels';
+@import 'bootstrap/responsive-embed';
+@import 'bootstrap/wells';
+@import 'bootstrap/close';
+
+// Components w/ JavaScript
+@import 'bootstrap/modals';
+@import 'bootstrap/tooltip';
+@import 'bootstrap/popovers';
+@import 'bootstrap/carousel';
+
+// Utility classes
+@import 'bootstrap/utilities';
+@import 'bootstrap/responsive-utilities';

data/lib/generators/react_on_rails/templates/bootstrap/client/assets/stylesheets/_post-bootstrap.scss

@@ -0,0 +1,10 @@
+// The Rails server imports this file via app/assets/stylesheets/application.css.scss
+// The webpack HMR dev server loads this file via client/bootstrap-sass.config.js
+
+// In either case, this file is loaded AFTER bootstrap has been loaded.
+// This is where you can add your own styles and override bootstrap styles
+// utilizing bootstrap variables and mixins.
+
+.this-works {
+  color: orange !important;
+}

data/lib/generators/react_on_rails/templates/bootstrap/client/assets/stylesheets/_pre-bootstrap.scss

@@ -0,0 +1,8 @@
+// The Rails server imports this file via app/assets/stylesheets/application.css.scss
+// The webpack HMR dev server loads this file via client/bootstrap-sass.config.js
+
+// In either case, this file is loaded BEFORE bootstrap has been loaded.
+// Use it to define variables BEFORE bootstrap loads. See http://getbootstrap.com/customize/
+
+// This is a file that provides a fallback for `img-url` and fonts
+@import 'react-on-rails-sass-helper';

data/lib/generators/react_on_rails/templates/bootstrap/client/assets/stylesheets/_react-on-rails-sass-helper.scss

@@ -0,0 +1,19 @@
+// The Rails server imports this file via app/assets/stylesheets/application.css.scss
+// The webpack HMR dev server loads this file via client/bootstrap-sass.config.js
+
+// This file allows the same sass code with Rails and node-sass for the Webpack Dev Server.
+// It is CRTICAL that this file is loaded first.
+
+$rails: false !default; // defaults to false (e.g. webpack environment)
+
+// Sass 3 removes image-url helper
+// https://github.com/sass/libsass/issues/489
+$image-url-path: '/assets/images/' !default;
+
+@function img-url($image) {
+  @if $rails {
+    @return image-url($image);
+  } @else {
+    @return url('#{$image-url-path}#{$image}');
+  }
+}

data/lib/generators/react_on_rails/templates/bootstrap/client/bootstrap-sass.config.js

@@ -0,0 +1,89 @@
+// See https://github.com/shakacode/bootstrap-sass-loader for more information
+
+// IMPORTANT: Make sure to keep the customizations defined in this file
+//            in-sync with the ones defined in app/assets/stylesheets/_bootstrap-custom.scss.
+
+// For a reference on customizations,refer to:
+//  https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/_bootstrap.scss
+
+module.exports = {
+  bootstrapCustomizations: './assets/stylesheets/_pre-bootstrap.scss',
+  mainSass: './assets/stylesheets/_post-bootstrap.scss',
+
+  // Default for the style loading is to put in your js files
+  // styleLoader: 'style-loader!css-loader!sass-loader',
+
+  // See: https://github.com/sass/node-sass#outputstyle
+  //      https://github.com/sass/node-sass#imagepath
+  styleLoader: 'style-loader!css-loader!sass-loader?imagePath=/assets/images',
+
+  // ### Scripts
+  // Any scripts here set to false will never make it to the client,
+  // i.e. it's not packaged by webpack.
+  scripts: {
+    transition: true,
+    alert: true,
+    button: true,
+
+    carousel: true,
+    collapse: true,
+    dropdown: true,
+
+    modal: true,
+    tooltip: true,
+    popover: true,
+    scrollspy: true,
+    tab: true,
+    affix: true,
+  },
+
+  // ### Styles
+  // Enable or disable certain less components and thus remove
+  // the css for them from the build.
+  styles: {
+    mixins: true,
+
+    normalize: true,
+    print: true,
+
+    scaffolding: true,
+    type: true,
+    code: true,
+    grid: true,
+    tables: true,
+    forms: true,
+    buttons: true,
+
+    'component-animations': true,
+    glyphicons: true,
+    dropdowns: true,
+    'button-groups': true,
+    'input-groups': true,
+    navs: true,
+    navbar: true,
+    breadcrumbs: true,
+    pagination: true,
+    pager: true,
+    labels: true,
+    badges: true,
+
+    jumbotron: true,
+    thumbnails: true,
+    alerts: true,
+
+    'progress-bars': true,
+    media: true,
+    'list-group': true,
+    panels: true,
+    wells: true,
+    close: true,
+
+    modals: true,
+    tooltip: true,
+    popovers: true,
+    carousel: true,
+
+    utilities: true,
+    'responsive-utilities': true,
+  },
+};

data/lib/generators/react_on_rails/templates/dev_tests/.rspec

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

data/lib/generators/react_on_rails/templates/dev_tests/spec/features/hello_world_spec.rb

@@ -0,0 +1,25 @@
+require_relative "../rails_helper"
+
+feature "Hello World", js: true do
+  scenario "the hello world example works" do
+    visit "/hello_world"
+    expect(heading).to have_text("Rendering")
+    expect(message).to have_text("Stranger")
+    name_input.set("John Doe")
+    expect(message).to have_text("John Doe")
+  end
+end
+
+private
+
+def name_input
+  page.first("input")
+end
+
+def message
+  page.first(:css, "h3")
+end
+
+def heading
+  page.first(:css, "h1")
+end

data/lib/generators/react_on_rails/templates/dev_tests/spec/rails_helper.rb

@@ -0,0 +1,57 @@
+# This file is copied to spec/ when you run "rails generate rspec:install"
+ENV["RAILS_ENV"] ||= "test"
+require_relative "../config/environment"
+require_relative "simplecov_helper"
+# Prevent database truncation if the environment is production
+abort("The Rails environment is running in production mode!") if Rails.env.production?
+require_relative "spec_helper"
+
+# Add additional requires below this line. Rails is not loaded until this point!
+
+require "rspec/rails"
+require "capybara/rspec"
+require "capybara/rails"
+
+# Requires supporting ruby files with custom matchers and macros, etc, in
+# spec/support/ and its subdirectories. Files matching `spec/**/*_spec.rb` are
+# run as spec files by default. This means that files in spec/support that end
+# in _spec.rb will both be required and run as specs, causing the specs to be
+# run twice. It is recommended that you do not name files matching this glob to
+# end with _spec.rb. You can configure this pattern with the --pattern
+# option on the command line or in ~/.rspec, .rspec or `.rspec-local`.
+#
+# The following line is provided for convenience purposes. It has the downside
+# of increasing the boot-up time by auto-requiring all files in the support
+# directory. Alternatively, in the individual `*_spec.rb` files, manually
+# require only the support files necessary.
+#
+# Dir[Rails.root.join("spec/support/**/*.rb")].each { |f| require f }
+
+# Checks for pending migrations before tests are run.
+# If you are not using ActiveRecord, you can remove this line.
+# ActiveRecord::Migration.maintain_test_schema!
+
+RSpec.configure do |config|
+  # Remove this line if you"re not using ActiveRecord or ActiveRecord fixtures
+  config.fixture_path = "#{::Rails.root}/spec/fixtures"
+
+  # If you"re not using ActiveRecord, or you"d prefer not to run each of your
+  # examples within a transaction, remove the following line or assign false
+  # instead of true.
+  config.use_transactional_fixtures = true
+
+  # RSpec Rails can automatically mix in different behaviours to your tests
+  # based on their file location, for example enabling you to call `get` and
+  # `post` in specs under `spec/controllers`.
+  #
+  # You can disable this behaviour by removing the line below, and instead
+  # explicitly tag your specs with their type, e.g.:
+  #
+  #     RSpec.describe UsersController, :type => :controller do
+  #       # ...
+  #     end
+  #
+  # The different available types are documented in the features, such as in
+  # https://relishapp.com/rspec/rspec-rails/docs
+  config.infer_spec_type_from_file_location!
+end

data/lib/generators/react_on_rails/templates/dev_tests/spec/simplecov_helper.rb

@@ -0,0 +1,21 @@
+# Starts SimpleCov for code coverage.
+
+if ENV["COVERAGE"]
+  require "simplecov"
+
+  # Using a command name prevents results from getting clobbered by other test suites
+  example_name = File.basename(File.expand_path("../../../.", __FILE__))
+  SimpleCov.command_name(example_name)
+
+  SimpleCov.start("rails") do
+    # Consider the entire gem project as the root
+    # (typically this will be the folder named "react_on_rails")
+    gem_root_path = File.expand_path("../../../../.", __FILE__)
+    root gem_root_path
+
+    # Don't report anything that has "spec" in the path
+    add_filter do |src|
+      src.filename =~ %r{\/spec\/}
+    end
+  end
+end

data/lib/generators/react_on_rails/templates/dev_tests/spec/spec_helper.rb

@@ -0,0 +1,95 @@
+# This file was generated by the `rails generate rspec:install` command. Conventionally, all
+# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
+# The generated `.rspec` file contains `--require spec_helper` which will cause
+# this file to always be loaded, without a need to explicitly require it in any
+# files.
+#
+# Given that it is always loaded, you are encouraged to keep this file as
+# light-weight as possible. Requiring heavyweight dependencies from this file
+# will add to the boot time of your test suite on EVERY test run, even for an
+# individual file that may not need all of that loaded. Instead, consider making
+# a separate helper file that requires the additional dependencies and performs
+# the additional setup, and require it from the spec files that actually need
+# it.
+#
+# The `.rspec` file also contains a few flags that are not defaults but that
+# users commonly want.
+#
+# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
+RSpec.configure do |config|
+  # rspec-expectations config goes here. You can use an alternate
+  # assertion/expectation library such as wrong or the stdlib/minitest
+  # assertions if you prefer.
+  config.expect_with :rspec do |expectations|
+    # This option will default to `true` in RSpec 4. It makes the `description`
+    # and `failure_message` of custom matchers include text for helper methods
+    # defined using `chain`, e.g.:
+    #     be_bigger_than(2).and_smaller_than(4).description
+    #     # => "be bigger than 2 and smaller than 4"
+    # ...rather than:
+    #     # => "be bigger than 2"
+    expectations.include_chain_clauses_in_custom_matcher_descriptions = true
+  end
+
+  # rspec-mocks config goes here. You can use an alternate test double
+  # library (such as bogus or mocha) by changing the `mock_with` option here.
+  config.mock_with :rspec do |mocks|
+    # Prevents you from mocking or stubbing a method that does not exist on
+    # a real object. This is generally recommended, and will default to
+    # `true` in RSpec 4.
+    mocks.verify_partial_doubles = true
+  end
+
+# The settings below are suggested to provide a good initial experience
+# with RSpec, but feel free to customize to your heart's content.
+# rubocop:disable Style/BlockComments
+=begin
+
+  # These two settings work together to allow you to limit a spec run
+  # to individual examples or groups you care about by tagging them with
+  # `:focus` metadata. When nothing is tagged with `:focus`, all examples
+  # get run.
+  config.filter_run :focus
+  config.run_all_when_everything_filtered = true
+
+  # Allows RSpec to persist some state between runs in order to support
+  # the `--only-failures` and `--next-failure` CLI options. We recommend
+  # you configure your source control system to ignore this file.
+  config.example_status_persistence_file_path = "spec/examples.txt"
+
+  # Limits the available syntax to the non-monkey patched syntax that is
+  # recommended. For more details, see:
+  #   - http://myronmars.to/n/dev-blog/2012/06/rspecs-new-expectation-syntax
+  #   - http://www.teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
+  #   - http://myronmars.to/n/dev-blog/2014/05/notable-changes-in-rspec-3#new__config_option_to_disable_rspeccore_monkey_patching
+  config.disable_monkey_patching!
+
+  # Many RSpec users commonly either run the entire suite or an individual
+  # file, and it's useful to allow more verbose output when running an
+  # individual spec file.
+  if config.files_to_run.one?
+    # Use the documentation formatter for detailed output,
+    # unless a formatter has already been configured
+    # (e.g. via a command-line flag).
+    config.default_formatter = 'doc'
+  end
+
+  # Print the 10 slowest examples and example groups at the
+  # end of the spec run, to help surface which specs are running
+  # particularly slow.
+  config.profile_examples = 10
+
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = :random
+
+  # Seed global randomization in this process using the `--seed` CLI option.
+  # Setting this allows you to use `--seed` to deterministically reproduce
+  # test failures related to randomization by passing the same `--seed` value
+  # as the one that triggered the failure.
+  Kernel.srand config.seed
+=end
+end
+# rubocop:enable Style/BlockComments

data/lib/generators/react_on_rails/templates/heroku_deployment/.buildpacks

@@ -0,0 +1,2 @@
+https://github.com/heroku/heroku-buildpack-nodejs.git
+https://github.com/heroku/heroku-buildpack-ruby.git

data/lib/generators/react_on_rails/templates/heroku_deployment/Procfile

@@ -0,0 +1 @@
+web: bundle exec puma -C config/puma.rb

data/lib/generators/react_on_rails/templates/heroku_deployment/config/puma.rb

@@ -0,0 +1,15 @@
+workers Integer(ENV["WEB_CONCURRENCY"] || 2)
+threads_count = Integer(ENV["MAX_THREADS"] || 5)
+threads threads_count, threads_count
+
+preload_app!
+
+rackup DefaultRackup
+port ENV["PORT"] || 3000
+environment ENV["RACK_ENV"] || "development"
+
+on_worker_boot do
+  # Worker specific setup for Rails 4.1+
+  # See: https://devcenter.heroku.com/articles/deploying-rails-applications-with-the-puma-web-server#on-worker-boot
+  ActiveRecord::Base.establish_connection
+end

data/lib/generators/react_on_rails/templates/js_linters/client/.eslintignore

@@ -0,0 +1 @@
+node_modules

data/lib/generators/react_on_rails/templates/js_linters/client/.eslintrc

@@ -0,0 +1,48 @@
+---
+parser: babel-eslint
+
+extends: eslint-config-airbnb
+
+plugins:
+  - react
+
+globals:
+  __DEBUG_SERVER_ERRORS__: true
+  __SERVER_ERRORS__: true
+
+env:
+  browser: true
+  node: true
+  mocha: true
+
+rules:
+  ### Variables
+  no-undef: 2
+  no-unused-vars: [2, { vars: all, args: none }]
+
+  ### Stylistic issues
+  indent: [1, 2, { SwitchCase: 1, VariableDeclarator: 2 }]
+  id-length: [1, { min: 2, exceptions: [_, e, i, k, v] }]
+
+  ### React
+  jsx-quotes: [1, prefer-double]
+  react/display-name: 0
+  react/jsx-boolean-value: [1, always]
+  react/jsx-curly-spacing: [1, never]
+  react/jsx-no-duplicate-props: [2, { ignoreCase: true }]
+  react/jsx-no-undef: 2
+  react/jsx-sort-prop-types: 0
+  react/jsx-sort-props: 0
+  react/jsx-uses-react: 2
+  react/jsx-uses-vars: 2
+  react/no-danger: 0
+  react/no-did-mount-set-state: 1
+  react/no-did-update-set-state: 0
+  react/no-multi-comp: 2
+  react/no-unknown-property: 2
+  react/prop-types: 1
+  react/react-in-jsx-scope: 2
+  react/require-extension: [1, { extensions: [.js, .jsx] }]
+  react/self-closing-comp: 2
+  react/sort-comp: 0                                                            # Should be 1. `statics` should be on top.
+  react/wrap-multilines: 2