├── .gitignore
├── Gemfile
├── Gemfile.lock
├── README.md
├── Rakefile
├── app
    ├── assets
    │   ├── images
    │   │   └── .keep
    │   ├── javascripts
    │   │   ├── application.js
    │   │   ├── comments.js.jsx
    │   │   └── pages.js.coffee
    │   └── stylesheets
    │   │   ├── application.css.scss
    │   │   ├── comments.css.scss
    │   │   ├── pages.css.scss
    │   │   └── scaffolds.css.scss
    ├── controllers
    │   ├── application_controller.rb
    │   ├── comments_controller.rb
    │   ├── concerns
    │   │   └── .keep
    │   └── pages_controller.rb
    ├── helpers
    │   ├── application_helper.rb
    │   ├── comments_helper.rb
    │   └── pages_helper.rb
    ├── mailers
    │   └── .keep
    ├── models
    │   ├── .keep
    │   ├── comment.rb
    │   └── concerns
    │   │   └── .keep
    └── views
    │   ├── comments
    │       ├── _form.html.erb
    │       ├── edit.html.erb
    │       ├── index.html.erb
    │       ├── index.json.jbuilder
    │       ├── new.html.erb
    │       ├── show.html.erb
    │       └── show.json.jbuilder
    │   ├── layouts
    │       └── application.html.erb
    │   └── pages
    │       └── index.html.erb
├── bin
    ├── bundle
    ├── rails
    ├── rake
    ├── setup
    └── spring
├── config.ru
├── config
    ├── application.rb
    ├── boot.rb
    ├── database.yml
    ├── environment.rb
    ├── environments
    │   ├── development.rb
    │   ├── production.rb
    │   └── test.rb
    ├── initializers
    │   ├── assets.rb
    │   ├── backtrace_silencers.rb
    │   ├── cookies_serializer.rb
    │   ├── filter_parameter_logging.rb
    │   ├── inflections.rb
    │   ├── mime_types.rb
    │   ├── session_store.rb
    │   └── wrap_parameters.rb
    ├── locales
    │   └── en.yml
    ├── routes.rb
    └── secrets.yml
├── db
    ├── migrate
    │   └── 20140823052830_create_comments.rb
    ├── schema.rb
    └── seeds.rb
├── lib
    ├── assets
    │   └── .keep
    └── tasks
    │   └── .keep
├── log
    └── .keep
├── public
    ├── 404.html
    ├── 422.html
    ├── 500.html
    ├── favicon.ico
    └── robots.txt
├── test
    ├── controllers
    │   ├── .keep
    │   ├── comments_controller_test.rb
    │   └── pages_controller_test.rb
    ├── fixtures
    │   ├── .keep
    │   └── comments.yml
    ├── helpers
    │   └── .keep
    ├── integration
    │   └── .keep
    ├── mailers
    │   └── .keep
    ├── models
    │   ├── .keep
    │   └── comment_test.rb
    └── test_helper.rb
└── vendor
    └── assets
        ├── javascripts
            └── .keep
        └── stylesheets
            └── .keep


/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files for more about ignoring files.
 2 | #
 3 | # If you find yourself ignoring temporary files generated by your text editor
 4 | # or operating system, you probably want to add a global ignore instead:
 5 | #   git config --global core.excludesfile '~/.gitignore_global'
 6 | 
 7 | # Ignore bundler config.
 8 | /.bundle
 9 | 
10 | # Ignore the default SQLite database.
11 | /db/*.sqlite3
12 | /db/*.sqlite3-journal
13 | 
14 | # Ignore all logfiles and tempfiles.
15 | /log/*.log
16 | /tmp
17 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
 1 | source 'https://rubygems.org'
 2 | 
 3 | 
 4 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
 5 | gem 'rails', '4.2.0.beta1'
 6 | # Use sqlite3 as the database for Active Record
 7 | gem 'sqlite3', group: :development
 8 | gem 'pg', group: :production
 9 | 
10 | gem 'rails_12factor'
11 | 
12 | # Use SCSS for stylesheets
13 | gem 'sass-rails', '~> 5.0.0.beta1'
14 | # Use Uglifier as compressor for JavaScript assets
15 | gem 'uglifier', '>= 1.3.0'
16 | # Use CoffeeScript for .js.coffee assets and views
17 | gem 'coffee-rails', '~> 4.0.0'
18 | # See https://github.com/sstephenson/execjs#readme for more supported runtimes
19 | # gem 'therubyracer', platforms: :ruby
20 | 
21 | # Use jquery as the JavaScript library
22 | gem 'jquery-rails'
23 | # Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
24 | gem 'turbolinks'
25 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
26 | gem 'jbuilder', '~> 2.0'
27 | # bundle exec rake doc:rails generates the API under doc/api.
28 | gem 'sdoc', '~> 0.4.0', group: :doc
29 | 
30 | # Use ActiveModel has_secure_password
31 | # gem 'bcrypt', '~> 3.1.7'
32 | 
33 | # Use Rails Html Sanitizer for HTML sanitization
34 | gem 'rails-html-sanitizer', '~> 1.0'
35 | 
36 | # Use Unicorn as the app server
37 | # gem 'unicorn'
38 | 
39 | # Use Capistrano for deployment
40 | # gem 'capistrano-rails', group: :development
41 | 
42 | group :development, :test do
43 |   # Call 'debugger' anywhere in the code to stop execution and get a debugger console
44 |   gem 'byebug'
45 | 
46 |   # Access an IRB console on exceptions page and /console in development
47 |   gem 'web-console', '~> 2.0.0.beta2'
48 | 
49 |   # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
50 |   gem 'spring'
51 | end
52 | 
53 | gem 'react-rails', github: 'reactjs/react-rails', branch: 'master'
54 | 
55 | gem 'showdown-rails'
56 | 
57 | gem 'bootstrap-sass'
58 | gem 'autoprefixer-rails'
59 | 
60 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
  1 | GIT
  2 |   remote: git://github.com/reactjs/react-rails.git
  3 |   revision: b4051e111aa8ec3e68b8924e1f13598f18b475c6
  4 |   branch: master
  5 |   specs:
  6 |     react-rails (1.0.0.pre)
  7 |       connection_pool
  8 |       execjs
  9 |       rails (>= 3.1)
 10 |       react-source (= 0.11.1)
 11 | 
 12 | GEM
 13 |   remote: https://rubygems.org/
 14 |   specs:
 15 |     actionmailer (4.2.0.beta1)
 16 |       actionpack (= 4.2.0.beta1)
 17 |       actionview (= 4.2.0.beta1)
 18 |       mail (~> 2.5, >= 2.5.4)
 19 |       rails-dom-testing (~> 1.0, >= 1.0.2)
 20 |     actionpack (4.2.0.beta1)
 21 |       actionview (= 4.2.0.beta1)
 22 |       activesupport (= 4.2.0.beta1)
 23 |       rack (~> 1.6.0.beta)
 24 |       rack-test (~> 0.6.2)
 25 |       rails-deprecated_sanitizer (~> 1.0, >= 1.0.2)
 26 |       rails-dom-testing (~> 1.0, >= 1.0.2)
 27 |     actionview (4.2.0.beta1)
 28 |       activesupport (= 4.2.0.beta1)
 29 |       builder (~> 3.1)
 30 |       erubis (~> 2.7.0)
 31 |       rails-deprecated_sanitizer (~> 1.0, >= 1.0.2)
 32 |       rails-dom-testing (~> 1.0, >= 1.0.2)
 33 |     activejob (4.2.0.beta1)
 34 |       globalid (>= 0.2.3)
 35 |     activemodel (4.2.0.beta1)
 36 |       activesupport (= 4.2.0.beta1)
 37 |       builder (~> 3.1)
 38 |     activerecord (4.2.0.beta1)
 39 |       activemodel (= 4.2.0.beta1)
 40 |       activesupport (= 4.2.0.beta1)
 41 |       arel (>= 6.0.0.beta1, < 6.1)
 42 |     activesupport (4.2.0.beta1)
 43 |       i18n (>= 0.7.0.beta1, < 0.8)
 44 |       json (~> 1.7, >= 1.7.7)
 45 |       minitest (~> 5.1)
 46 |       thread_safe (~> 0.1)
 47 |       tzinfo (~> 1.1)
 48 |     arel (6.0.0.beta1)
 49 |     autoprefixer-rails (3.0.0.20140821)
 50 |       execjs
 51 |     binding_of_caller (0.7.3.pre1)
 52 |       debug_inspector (>= 0.0.1)
 53 |     bootstrap-sass (3.2.0.1)
 54 |       sass (~> 3.2)
 55 |     builder (3.2.2)
 56 |     byebug (3.2.0)
 57 |       columnize (~> 0.8)
 58 |       debugger-linecache (~> 1.2)
 59 |     coffee-rails (4.0.1)
 60 |       coffee-script (>= 2.2.0)
 61 |       railties (>= 4.0.0, < 5.0)
 62 |     coffee-script (2.3.0)
 63 |       coffee-script-source
 64 |       execjs
 65 |     coffee-script-source (1.7.1)
 66 |     columnize (0.8.9)
 67 |     connection_pool (2.0.0)
 68 |     debug_inspector (0.0.2)
 69 |     debugger-linecache (1.2.0)
 70 |     erubis (2.7.0)
 71 |     execjs (2.2.1)
 72 |     globalid (0.2.3)
 73 |       activesupport (>= 4.1.0)
 74 |     hike (1.2.3)
 75 |     i18n (0.7.0.beta1)
 76 |     jbuilder (2.1.3)
 77 |       activesupport (>= 3.0.0, < 5)
 78 |       multi_json (~> 1.2)
 79 |     jquery-rails (3.1.1)
 80 |       railties (>= 3.0, < 5.0)
 81 |       thor (>= 0.14, < 2.0)
 82 |     json (1.8.1)
 83 |     loofah (2.0.1)
 84 |       nokogiri (>= 1.5.9)
 85 |     mail (2.6.1)
 86 |       mime-types (>= 1.16, < 3)
 87 |     mime-types (2.3)
 88 |     mini_portile (0.6.0)
 89 |     minitest (5.4.0)
 90 |     multi_json (1.10.1)
 91 |     nokogiri (1.6.3.1)
 92 |       mini_portile (= 0.6.0)
 93 |     pg (0.17.1)
 94 |     rack (1.6.0.beta)
 95 |     rack-test (0.6.2)
 96 |       rack (>= 1.0)
 97 |     rails (4.2.0.beta1)
 98 |       actionmailer (= 4.2.0.beta1)
 99 |       actionpack (= 4.2.0.beta1)
100 |       actionview (= 4.2.0.beta1)
101 |       activejob (= 4.2.0.beta1)
102 |       activemodel (= 4.2.0.beta1)
103 |       activerecord (= 4.2.0.beta1)
104 |       activesupport (= 4.2.0.beta1)
105 |       bundler (>= 1.3.0, < 2.0)
106 |       railties (= 4.2.0.beta1)
107 |       sprockets-rails (~> 3.0.0.beta1)
108 |     rails-deprecated_sanitizer (1.0.2)
109 |       activesupport (>= 4.2.0.alpha)
110 |     rails-dom-testing (1.0.2)
111 |       activesupport
112 |       nokogiri (~> 1.6.0)
113 |       rails-deprecated_sanitizer (>= 1.0.1)
114 |     rails-html-sanitizer (1.0.0)
115 |       loofah (~> 2.0)
116 |     rails_12factor (0.0.2)
117 |       rails_serve_static_assets
118 |       rails_stdout_logging
119 |     rails_serve_static_assets (0.0.2)
120 |     rails_stdout_logging (0.0.3)
121 |     railties (4.2.0.beta1)
122 |       actionpack (= 4.2.0.beta1)
123 |       activesupport (= 4.2.0.beta1)
124 |       rake (>= 0.8.7)
125 |       thor (>= 0.18.1, < 2.0)
126 |     rake (10.3.2)
127 |     rdoc (4.1.1)
128 |       json (~> 1.4)
129 |     react-source (0.11.1)
130 |     sass (3.4.1)
131 |     sass-rails (5.0.0.beta1)
132 |       railties (>= 4.0.0, < 5.0)
133 |       sass (~> 3.2)
134 |       sprockets (~> 2.12)
135 |       sprockets-rails (>= 2.0, < 4.0)
136 |     sdoc (0.4.1)
137 |       json (~> 1.7, >= 1.7.7)
138 |       rdoc (~> 4.0)
139 |     showdown-rails (0.0.4)
140 |       actionpack (>= 3.1)
141 |       railties (>= 3.1)
142 |     spring (1.1.3)
143 |     sprockets (2.12.1)
144 |       hike (~> 1.2)
145 |       multi_json (~> 1.0)
146 |       rack (~> 1.0)
147 |       tilt (~> 1.1, != 1.3.0)
148 |     sprockets-rails (3.0.0.beta1)
149 |       actionpack (>= 4.0)
150 |       activesupport (>= 4.0)
151 |       sprockets (~> 2.8)
152 |     sqlite3 (1.3.9)
153 |     thor (0.19.1)
154 |     thread_safe (0.3.4)
155 |     tilt (1.4.1)
156 |     turbolinks (2.3.0)
157 |       coffee-rails
158 |     tzinfo (1.2.2)
159 |       thread_safe (~> 0.1)
160 |     uglifier (2.5.3)
161 |       execjs (>= 0.3.0)
162 |       json (>= 1.8.0)
163 |     web-console (2.0.0.beta3)
164 |       activemodel (~> 4.0)
165 |       binding_of_caller (= 0.7.3.pre1)
166 |       railties (~> 4.0)
167 |       sprockets-rails (>= 2.0, < 4.0)
168 | 
169 | PLATFORMS
170 |   ruby
171 | 
172 | DEPENDENCIES
173 |   autoprefixer-rails
174 |   bootstrap-sass
175 |   byebug
176 |   coffee-rails (~> 4.0.0)
177 |   jbuilder (~> 2.0)
178 |   jquery-rails
179 |   pg
180 |   rails (= 4.2.0.beta1)
181 |   rails-html-sanitizer (~> 1.0)
182 |   rails_12factor
183 |   react-rails!
184 |   sass-rails (~> 5.0.0.beta1)
185 |   sdoc (~> 0.4.0)
186 |   showdown-rails
187 |   spring
188 |   sqlite3
189 |   turbolinks
190 |   uglifier (>= 1.3.0)
191 |   web-console (~> 2.0.0.beta2)
192 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | This is an example of using the react-rails gem to integrate Rails with React.
 2 | 
 3 | Detailed instructions can be found here: http://www.railsonmaui.com/blog/2014/09/29/react-on-rails-4-dot-2-simple-tutorial/
 4 | 
 5 | The author, Justin Gordon, developed an alternative technique to the gem, described here:
 6 | http://www.railsonmaui.com/blog/2014/10/02/integrating-webpack-and-the-es6-transpiler-into-an-existing-rails-project/
 7 | 
 8 | Please see this git repo: https://github.com/justin808/react-webpack-rails-tutorial
 9 | 
10 | If you'd like to improve this example, I'm happy to take pull requests!
11 | 
12 | 


--------------------------------------------------------------------------------
/Rakefile:
--------------------------------------------------------------------------------
1 | # Add your own tasks in files placed in lib/tasks ending in .rake,
2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
3 | 
4 | require File.expand_path('../config/application', __FILE__)
5 | 
6 | Rails.application.load_tasks
7 | 


--------------------------------------------------------------------------------
/app/assets/images/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/app/assets/images/.keep


--------------------------------------------------------------------------------
/app/assets/javascripts/application.js:
--------------------------------------------------------------------------------
 1 | // This is a manifest file that'll be compiled into application.js, which will include all the files
 2 | // listed below.
 3 | //
 4 | // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
 5 | // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
 6 | //
 7 | // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
 8 | // compiled file.
 9 | //
10 | // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
11 | // about supported directives.
12 | //
13 | //= require jquery
14 | //= require jquery_ujs
15 | //= require turbolinks
16 | //= require bootstrap-sprockets
17 | //= require showdown
18 | //= require react
19 | //= require_tree .
20 | 


--------------------------------------------------------------------------------
/app/assets/javascripts/comments.js.jsx:
--------------------------------------------------------------------------------
  1 | /** @jsx React.DOM */
  2 | 
  3 | var converter = new Showdown.converter();
  4 | 
  5 | var Comment = React.createClass({
  6 |   render: function() {
  7 |     var rawMarkup = converter.makeHtml(this.props.children.toString());
  8 |     return (
  9 |       <div className="comment panel panel-default">
 10 |         <div className="panel-heading">
 11 |           <h3 className="panel-title">
 12 |             {this.props.author}
 13 |           </h3>
 14 |         </div>
 15 |         <div className="panel-body">
 16 |           <span dangerouslySetInnerHTML={{__html: rawMarkup}} />
 17 |         </div>
 18 |       </div>
 19 |     );
 20 |   }
 21 | });
 22 | 
 23 | var CommentBox = React.createClass({
 24 |   loadCommentsFromServer: function() {
 25 |     $.ajax({
 26 |       url: this.props.url,
 27 |       dataType: 'json',
 28 |       success: function(data) {
 29 |         this.setState({data: data});
 30 |       }.bind(this),
 31 |       error: function(xhr, status, err) {
 32 |         console.error(this.props.url, status, err.toString());
 33 |       }.bind(this)
 34 |     });
 35 |   },
 36 |   handleCommentSubmit: function(comment) {
 37 |     var comments = this.state.data;
 38 |     comments.push(comment);
 39 |     this.setState({data: comments}, function() {
 40 |       // `setState` accepts a callback. To avoid (improbable) race condition,
 41 |       // `we'll send the ajax request right after we optimistically set the new
 42 |       // `state.
 43 |       $.ajax({
 44 |         url: this.props.url,
 45 |         dataType: 'json',
 46 |         type: 'POST',
 47 |         data: { comment: comment },
 48 |         success: function(data) {
 49 |         }.bind(this),
 50 |         error: function(xhr, status, err) {
 51 |           comments.pop();
 52 |           this.setState({data: comments});
 53 |           console.error(this.props.url, status, err.toString());
 54 |         }.bind(this)
 55 |       });
 56 |     });
 57 |   },
 58 |   getInitialState: function() {
 59 |     return {data: []};
 60 |   },
 61 |   componentDidMount: function() {
 62 |     this.loadCommentsFromServer();
 63 |     setInterval(this.loadCommentsFromServer, this.props.pollInterval);
 64 |   },
 65 |   render: function() {
 66 |     return (
 67 |       <div className="commentBox">
 68 |         <h1>Comments</h1>
 69 |         <CommentList data={this.state.data} />
 70 |         <CommentForm onCommentSubmit={this.handleCommentSubmit} />
 71 |       </div>
 72 |     );
 73 |   }
 74 | });
 75 | 
 76 | var CommentList = React.createClass({
 77 |   render: function() {
 78 |     var commentNodes = this.props.data.map(function(comment, index) {
 79 |       return (
 80 |         // `key` is a React-specific concept and is not mandatory for the
 81 |         // purpose of this tutorial. if you're curious, see more here:
 82 |         // http://facebook.github.io/react/docs/multiple-components.html#dynamic-children
 83 |         <Comment author={comment.author} key={index}>
 84 |           {comment.text}
 85 |         </Comment>
 86 |       );
 87 |     });
 88 |     return (
 89 |       <div className="commentList">
 90 |         {commentNodes}
 91 |       </div>
 92 |     );
 93 |   }
 94 | });
 95 | 
 96 | var CommentForm = React.createClass({
 97 |   handleSubmit: function(e) {
 98 |     e.preventDefault();
 99 |     var author = this.refs.author.getDOMNode().value.trim();
100 |     var text = this.refs.text.getDOMNode().value.trim();
101 |     if (!text || !author) {
102 |       return;
103 |     }
104 |     this.props.onCommentSubmit({author: author, text: text});
105 |     this.refs.author.getDOMNode().value = '';
106 |     this.refs.text.getDOMNode().value = '';
107 |     return;
108 |   },
109 |   render: function() {
110 |     return (
111 |       <div className="panel panel-default">
112 |         <div className="panel-heading">Add a Note</div>
113 |         <div className="panel-body">
114 |           <form className="commentForm " onSubmit={this.handleSubmit}>
115 |             <div className="form-group">
116 |               <label className="control-label" forName="authorInput">Author</label>
117 |               <input type="text" id="authorInput" className="form-control" placeholder="Your name" ref="author" />
118 |             </div>
119 |             <div className="form-group">
120 |               <label className="control-label" forName="commentInput">Comment</label>
121 |               <textarea className="form-control" id="commentInput" rows="3" placeholder="Say something..." ref="text" />
122 |             </div>
123 |             <input type="submit" className="btn btn-primary" value="Post" />
124 |           </form>
125 |         </div>
126 |       </div>
127 |     );
128 |   }
129 | });
130 | 
131 | $(document).on("page:change", function() {
132 |   var $content = $("#content");
133 |   if ($content.length > 0) {
134 |     React.renderComponent(
135 |       <CommentBox url="comments.json" pollInterval={2000} />,
136 |       document.getElementById('content')
137 |     );
138 |   }
139 | })
140 | 
141 | 


--------------------------------------------------------------------------------
/app/assets/javascripts/pages.js.coffee:
--------------------------------------------------------------------------------
1 | # Place all the behaviors and hooks related to the matching controller here.
2 | # All this logic will automatically be available in application.js.
3 | # You can use CoffeeScript in this file: http://coffeescript.org/
4 | 


--------------------------------------------------------------------------------
/app/assets/stylesheets/application.css.scss:
--------------------------------------------------------------------------------
1 | @import "bootstrap-sprockets";
2 | @import "bootstrap";
3 | @import "bootstrap/theme";
4 | 


--------------------------------------------------------------------------------
/app/assets/stylesheets/comments.css.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/app/assets/stylesheets/comments.css.scss


--------------------------------------------------------------------------------
/app/assets/stylesheets/pages.css.scss:
--------------------------------------------------------------------------------
1 | // Place all the styles related to the Pages controller here.
2 | // They will automatically be included in application.css.
3 | // You can use Sass (SCSS) here: http://sass-lang.com/
4 | 


--------------------------------------------------------------------------------
/app/assets/stylesheets/scaffolds.css.scss:
--------------------------------------------------------------------------------
 1 | body {
 2 |   background-color: #fff;
 3 |   color: #333;
 4 |   font-family: verdana, arial, helvetica, sans-serif;
 5 |   font-size: 13px;
 6 |   line-height: 18px;
 7 | }
 8 | 
 9 | p, ol, ul, td {
10 |   font-family: verdana, arial, helvetica, sans-serif;
11 |   font-size: 13px;
12 |   line-height: 18px;
13 | }
14 | 
15 | pre {
16 |   background-color: #eee;
17 |   padding: 10px;
18 |   font-size: 11px;
19 | }
20 | 
21 | a {
22 |   color: #000;
23 |   &:visited {
24 |     color: #666;
25 |   }
26 |   &:hover {
27 |     color: #fff;
28 |     background-color: #000;
29 |   }
30 | }
31 | 
32 | div {
33 |   &.field, &.actions {
34 |     margin-bottom: 10px;
35 |   }
36 | }
37 | 
38 | #notice {
39 |   color: green;
40 | }
41 | 
42 | .field_with_errors {
43 |   padding: 2px;
44 |   background-color: red;
45 |   display: table;
46 | }
47 | 
48 | #error_explanation {
49 |   width: 450px;
50 |   border: 2px solid red;
51 |   padding: 7px;
52 |   padding-bottom: 0;
53 |   margin-bottom: 20px;
54 |   background-color: #f0f0f0;
55 |   h2 {
56 |     text-align: left;
57 |     font-weight: bold;
58 |     padding: 5px 5px 5px 15px;
59 |     font-size: 12px;
60 |     margin: -7px;
61 |     margin-bottom: 0px;
62 |     background-color: #c00;
63 |     color: #fff;
64 |   }
65 |   ul li {
66 |     font-size: 12px;
67 |     list-style: square;
68 |   }
69 | }
70 | 


--------------------------------------------------------------------------------
/app/controllers/application_controller.rb:
--------------------------------------------------------------------------------
1 | class ApplicationController < ActionController::Base
2 |   # Prevent CSRF attacks by raising an exception.
3 |   # For APIs, you may want to use :null_session instead.
4 |   protect_from_forgery with: :exception
5 | end
6 | 


--------------------------------------------------------------------------------
/app/controllers/comments_controller.rb:
--------------------------------------------------------------------------------
 1 | class CommentsController < ApplicationController
 2 |   before_action :set_comment, only: [:show, :edit, :update, :destroy]
 3 | 
 4 |   # GET /comments
 5 |   # GET /comments.json
 6 |   def index
 7 |     @comments = Comment.all
 8 |   end
 9 | 
10 |   # GET /comments/1
11 |   # GET /comments/1.json
12 |   def show
13 |   end
14 | 
15 |   # GET /comments/new
16 |   def new
17 |     @comment = Comment.new
18 |   end
19 | 
20 |   # GET /comments/1/edit
21 |   def edit
22 |   end
23 | 
24 |   # POST /comments
25 |   # POST /comments.json
26 |   def create
27 |     @comment = Comment.new(comment_params)
28 | 
29 |     respond_to do |format|
30 |       if @comment.save
31 |         format.html { redirect_to @comment, notice: 'Comment was successfully created.' }
32 |         format.json { render :show, status: :created, location: @comment }
33 |       else
34 |         format.html { render :new }
35 |         format.json { render json: @comment.errors, status: :unprocessable_entity }
36 |       end
37 |     end
38 |   end
39 | 
40 |   # PATCH/PUT /comments/1
41 |   # PATCH/PUT /comments/1.json
42 |   def update
43 |     respond_to do |format|
44 |       if @comment.update(comment_params)
45 |         format.html { redirect_to @comment, notice: 'Comment was successfully updated.' }
46 |         format.json { render :show, status: :ok, location: @comment }
47 |       else
48 |         format.html { render :edit }
49 |         format.json { render json: @comment.errors, status: :unprocessable_entity }
50 |       end
51 |     end
52 |   end
53 | 
54 |   # DELETE /comments/1
55 |   # DELETE /comments/1.json
56 |   def destroy
57 |     @comment.destroy
58 |     respond_to do |format|
59 |       format.html { redirect_to comments_url, notice: 'Comment was successfully destroyed.' }
60 |       format.json { head :no_content }
61 |     end
62 |   end
63 | 
64 |   private
65 |     # Use callbacks to share common setup or constraints between actions.
66 |     def set_comment
67 |       @comment = Comment.find(params[:id])
68 |     end
69 | 
70 |     # Never trust parameters from the scary internet, only allow the white list through.
71 |     def comment_params
72 |       params.require(:comment).permit(:author, :text)
73 |     end
74 | end
75 | 


--------------------------------------------------------------------------------
/app/controllers/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/app/controllers/concerns/.keep


--------------------------------------------------------------------------------
/app/controllers/pages_controller.rb:
--------------------------------------------------------------------------------
1 | class PagesController < ApplicationController
2 |   def index
3 |   end
4 | end
5 | 


--------------------------------------------------------------------------------
/app/helpers/application_helper.rb:
--------------------------------------------------------------------------------
1 | module ApplicationHelper
2 | end
3 | 


--------------------------------------------------------------------------------
/app/helpers/comments_helper.rb:
--------------------------------------------------------------------------------
1 | module CommentsHelper
2 | end
3 | 


--------------------------------------------------------------------------------
/app/helpers/pages_helper.rb:
--------------------------------------------------------------------------------
1 | module PagesHelper
2 | end
3 | 


--------------------------------------------------------------------------------
/app/mailers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/app/mailers/.keep


--------------------------------------------------------------------------------
/app/models/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/app/models/.keep


--------------------------------------------------------------------------------
/app/models/comment.rb:
--------------------------------------------------------------------------------
1 | class Comment < ActiveRecord::Base
2 | end
3 | 


--------------------------------------------------------------------------------
/app/models/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/app/models/concerns/.keep


--------------------------------------------------------------------------------
/app/views/comments/_form.html.erb:
--------------------------------------------------------------------------------
 1 | <%= form_for(@comment) do |f| %>
 2 |   <% if @comment.errors.any? %>
 3 |     <div id="error_explanation">
 4 |       <h2><%= pluralize(@comment.errors.count, "error") %> prohibited this comment from being saved:</h2>
 5 | 
 6 |       <ul>
 7 |       <% @comment.errors.full_messages.each do |message| %>
 8 |         <li><%= message %></li>
 9 |       <% end %>
10 |       </ul>
11 |     </div>
12 |   <% end %>
13 | 
14 |   <div class="field">
15 |     <%= f.label :author %><br>
16 |     <%= f.text_field :author %>
17 |   </div>
18 |   <div class="field">
19 |     <%= f.label :text %><br>
20 |     <%= f.text_area :text %>
21 |   </div>
22 |   <div class="actions">
23 |     <%= f.submit %>
24 |   </div>
25 | <% end %>
26 | 


--------------------------------------------------------------------------------
/app/views/comments/edit.html.erb:
--------------------------------------------------------------------------------
1 | <h1>Editing Comment</h1>
2 | 
3 | <%= render 'form' %>
4 | 
5 | <%= link_to 'Show', @comment %> |
6 | <%= link_to 'Back', comments_path %>
7 | 


--------------------------------------------------------------------------------
/app/views/comments/index.html.erb:
--------------------------------------------------------------------------------
 1 | <h1>Using Classic Rails 4.2 "generate scaffold"</h1>
 2 | <hr/>
 3 | 
 4 | <p id="notice"><%= notice %></p>
 5 | 
 6 | <h2>Listing Comments</h2>
 7 | 
 8 | <table>
 9 |   <thead>
10 |     <tr>
11 |       <th>Author</th>
12 |       <th>Text</th>
13 |       <th colspan="3"></th>
14 |     </tr>
15 |   </thead>
16 | 
17 |   <tbody>
18 |     <% @comments.each do |comment| %>
19 |       <tr>
20 |         <td><%= comment.author %></td>
21 |         <td><%= comment.text %></td>
22 |         <td><%= link_to 'Show', comment %></td>
23 |         <td><%= link_to 'Edit', edit_comment_path(comment) %></td>
24 |         <td><%= link_to 'Destroy', comment, method: :delete, data: { confirm: 'Are you sure?' } %></td>
25 |       </tr>
26 |     <% end %>
27 |   </tbody>
28 | </table>
29 | 
30 | <br>
31 | 
32 | <%= link_to 'New Comment', new_comment_path %>
33 | 


--------------------------------------------------------------------------------
/app/views/comments/index.json.jbuilder:
--------------------------------------------------------------------------------
1 | json.array!(@comments) do |comment|
2 |   json.extract! comment, :id, :author, :text
3 |   json.url comment_url(comment, format: :json)
4 | end
5 | 


--------------------------------------------------------------------------------
/app/views/comments/new.html.erb:
--------------------------------------------------------------------------------
1 | <h1>New Comment</h1>
2 | 
3 | <%= render 'form' %>
4 | 
5 | <%= link_to 'Back', comments_path %>
6 | 


--------------------------------------------------------------------------------
/app/views/comments/show.html.erb:
--------------------------------------------------------------------------------
 1 | <p id="notice"><%= notice %></p>
 2 | 
 3 | <p>
 4 |   <strong>Author:</strong>
 5 |   <%= @comment.author %>
 6 | </p>
 7 | 
 8 | <p>
 9 |   <strong>Text:</strong>
10 |   <%= @comment.text %>
11 | </p>
12 | 
13 | <%= link_to 'Edit', edit_comment_path(@comment) %> |
14 | <%= link_to 'Back', comments_path %>
15 | 


--------------------------------------------------------------------------------
/app/views/comments/show.json.jbuilder:
--------------------------------------------------------------------------------
1 | json.extract! @comment, :id, :author, :text, :created_at, :updated_at
2 | 


--------------------------------------------------------------------------------
/app/views/layouts/application.html.erb:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <title>RailsReactTutorial</title>
 5 |   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
 6 |   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
 7 |   <%= csrf_meta_tags %>
 8 | </head>
 9 | <body>
10 | <nav class="navbar navbar-default" role="navigation">
11 |   <div class="container">
12 |     <div class="navbar-header">
13 |       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
14 |         <span class="sr-only">Toggle navigation</span>
15 |         <span class="icon-bar"></span>
16 |         <span class="icon-bar"></span>
17 |         <span class="icon-bar"></span>
18 |       </button>
19 |       <a class="navbar-brand" href="http://www.railsonmaui.com">@railsonmaui</a>
20 |     </div>
21 | 
22 |     <!-- Collect the nav links, forms, and other content for toggling -->
23 |     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
24 |       <ul class="nav navbar-nav">
25 |         <li><a href="/">React Demo</a></li>
26 |         <li><%= link_to "Classic Rails", comments_path %></li>
27 |         <li><%= link_to "by Justin Gordon, www.railsonmaui.com", "http://www.railsonmaui.com" %></li>
28 |         <li><%= link_to "Source on Github", "https://github.com/justin808/react-rails-tutorial" %></li>
29 |       </ul>
30 |     </div><!-- /.navbar-collapse -->
31 |   </div><!-- /.container-fluid -->
32 | </nav>
33 | 
34 | 
35 | <div class="container">
36 |   <%= yield %>
37 | </div>
38 | 
39 | </body>
40 | </html>
41 | 


--------------------------------------------------------------------------------
/app/views/pages/index.html.erb:
--------------------------------------------------------------------------------
1 | <h1>Using React</h1>
2 | <hr/>
3 | 
4 | 
5 | <div id="content"></div>
6 | 
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/bin/bundle:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
3 | load Gem.bin_path('bundler', 'bundle')
4 | 


--------------------------------------------------------------------------------
/bin/rails:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | begin
3 |   load File.expand_path("../spring", __FILE__)
4 | rescue LoadError
5 | end
6 | APP_PATH = File.expand_path('../../config/application',  __FILE__)
7 | require_relative '../config/boot'
8 | require 'rails/commands'
9 | 


--------------------------------------------------------------------------------
/bin/rake:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env ruby
2 | begin
3 |   load File.expand_path("../spring", __FILE__)
4 | rescue LoadError
5 | end
6 | require_relative '../config/boot'
7 | require 'rake'
8 | Rake.application.run
9 | 


--------------------------------------------------------------------------------
/bin/setup:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env ruby
 2 | require 'pathname'
 3 | 
 4 | # path to your application root.
 5 | APP_ROOT = Pathname.new File.expand_path('../../',  __FILE__)
 6 | 
 7 | Dir.chdir APP_ROOT do
 8 |   # This script is a starting point to setup your application.
 9 |   # Add necessary setup steps to this file:
10 | 
11 |   puts "== Installing dependencies =="
12 |   system "gem install bundler --conservative"
13 |   system "bundle check || bundle install"
14 | 
15 |   # puts "\n== Copying sample files =="
16 |   # unless File.exist?("config/database.yml")
17 |   #   system "cp config/database.yml.sample config/database.yml"
18 |   # end
19 | 
20 |   puts "\n== Preparing database =="
21 |   system "bin/rake db:setup"
22 | 
23 |   puts "\n== Removing old logs and tempfiles =="
24 |   system "rm -f log/*"
25 |   system "rm -rf tmp/cache"
26 | 
27 |   puts "\n== Restarting application server =="
28 |   system "touch tmp/restart.txt"
29 | end
30 | 


--------------------------------------------------------------------------------
/bin/spring:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env ruby
 2 | 
 3 | # This file loads spring without using Bundler, in order to be fast
 4 | # It gets overwritten when you run the `spring binstub` command
 5 | 
 6 | unless defined?(Spring)
 7 |   require "rubygems"
 8 |   require "bundler"
 9 | 
10 |   if match = Bundler.default_lockfile.read.match(/^GEM$.*?^    spring \((.*?)\)$.*?^$/m)
11 |     ENV["GEM_PATH"] = ([Bundler.bundle_path.to_s] + Gem.path).join(File::PATH_SEPARATOR)
12 |     ENV["GEM_HOME"] = ""
13 |     Gem.paths = ENV
14 | 
15 |     gem "spring", match[1]
16 |     require "spring/binstub"
17 |   end
18 | end
19 | 


--------------------------------------------------------------------------------
/config.ru:
--------------------------------------------------------------------------------
1 | # This file is used by Rack-based servers to start the application.
2 | 
3 | require ::File.expand_path('../config/environment',  __FILE__)
4 | run Rails.application
5 | 


--------------------------------------------------------------------------------
/config/application.rb:
--------------------------------------------------------------------------------
 1 | require File.expand_path('../boot', __FILE__)
 2 | 
 3 | require 'rails/all'
 4 | 
 5 | # Require the gems listed in Gemfile, including any gems
 6 | # you've limited to :test, :development, or :production.
 7 | Bundler.require(*Rails.groups)
 8 | 
 9 | module RailsReactTutorial
10 |   class Application < Rails::Application
11 |     # Settings in config/environments/* take precedence over those specified here.
12 |     # Application configuration should go into files in config/initializers
13 |     # -- all .rb files in that directory are automatically loaded.
14 | 
15 |     # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
16 |     # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
17 |     # config.time_zone = 'Central Time (US & Canada)'
18 | 
19 |     # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
20 |     # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
21 |     # config.i18n.default_locale = :de
22 | 
23 |     # For not swallow errors in after_commit/after_rollback callbacks.
24 |     config.active_record.raise_in_transactional_callbacks = true
25 |   end
26 | end
27 | 


--------------------------------------------------------------------------------
/config/boot.rb:
--------------------------------------------------------------------------------
1 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
2 | 
3 | require 'bundler/setup' # Set up gems listed in the Gemfile.
4 | 


--------------------------------------------------------------------------------
/config/database.yml:
--------------------------------------------------------------------------------
 1 | # SQLite version 3.x
 2 | #   gem install sqlite3
 3 | #
 4 | #   Ensure the SQLite 3 gem is defined in your Gemfile
 5 | #   gem 'sqlite3'
 6 | #
 7 | default: &default
 8 |   adapter: sqlite3
 9 |   pool: 5
10 |   timeout: 5000
11 | 
12 | development:
13 |   <<: *default
14 |   database: db/development.sqlite3
15 | 
16 | # Warning: The database defined as "test" will be erased and
17 | # re-generated from your development database when you run "rake".
18 | # Do not set this db to the same as development or production.
19 | test:
20 |   <<: *default
21 |   database: db/test.sqlite3
22 | 
23 | production:
24 |   <<: *default
25 |   database: db/production.sqlite3
26 | 


--------------------------------------------------------------------------------
/config/environment.rb:
--------------------------------------------------------------------------------
1 | # Load the Rails application.
2 | require File.expand_path('../application', __FILE__)
3 | 
4 | # Initialize the Rails application.
5 | Rails.application.initialize!
6 | 


--------------------------------------------------------------------------------
/config/environments/development.rb:
--------------------------------------------------------------------------------
 1 | Rails.application.configure do
 2 |   # Settings specified here will take precedence over those in config/application.rb.
 3 | 
 4 |   # In the development environment your application's code is reloaded on
 5 |   # every request. This slows down response time but is perfect for development
 6 |   # since you don't have to restart the web server when you make code changes.
 7 |   config.cache_classes = false
 8 | 
 9 |   # Do not eager load code on boot.
10 |   config.eager_load = false
11 | 
12 |   # Show full error reports and disable caching.
13 |   config.consider_all_requests_local       = true
14 |   config.action_controller.perform_caching = false
15 | 
16 |   # Don't care if the mailer can't send.
17 |   config.action_mailer.raise_delivery_errors = false
18 | 
19 |   # Print deprecation notices to the Rails logger.
20 |   config.active_support.deprecation = :log
21 | 
22 |   # Raise an error on page load if there are pending migrations.
23 |   config.active_record.migration_error = :page_load
24 | 
25 |   # Debug mode disables concatenation and preprocessing of assets.
26 |   # This option may cause significant delays in view rendering with a large
27 |   # number of complex assets.
28 |   config.assets.debug = true
29 | 
30 |   # Asset digests allow you to set far-future HTTP expiration dates on all assets, 
31 |   # yet still be able to expire them through the digest params.
32 |   config.assets.digest = true
33 | 
34 |   # Adds additional error checking when serving assets at runtime.
35 |   # Checks for improperly declared sprockets dependencies.
36 |   # Raises helpful error messages.
37 |   config.assets.raise_runtime_errors = true
38 | 
39 |   # Raises error for missing translations
40 |   # config.action_view.raise_on_missing_translations = true
41 | end
42 | 


--------------------------------------------------------------------------------
/config/environments/production.rb:
--------------------------------------------------------------------------------
 1 | Rails.application.configure do
 2 |   # Settings specified here will take precedence over those in config/application.rb.
 3 | 
 4 |   # Code is not reloaded between requests.
 5 |   config.cache_classes = true
 6 | 
 7 |   # Eager load code on boot. This eager loads most of Rails and
 8 |   # your application in memory, allowing both threaded web servers
 9 |   # and those relying on copy on write to perform better.
10 |   # Rake tasks automatically ignore this option for performance.
11 |   config.eager_load = true
12 | 
13 |   # Full error reports are disabled and caching is turned on.
14 |   config.consider_all_requests_local       = false
15 |   config.action_controller.perform_caching = true
16 | 
17 |   # Enable Rack::Cache to put a simple HTTP cache in front of your application
18 |   # Add `rack-cache` to your Gemfile before enabling this.
19 |   # For large-scale production use, consider using a caching reverse proxy like NGINX, varnish or squid.
20 |   # config.action_dispatch.rack_cache = true
21 | 
22 |   # Disable Rails's static asset server (Apache or NGINX will already do this).
23 |   config.serve_static_assets = false
24 | 
25 |   # Compress JavaScripts and CSS.
26 |   config.assets.js_compressor = :uglifier
27 |   # config.assets.css_compressor = :sass
28 | 
29 |   # Do not fallback to assets pipeline if a precompiled asset is missed.
30 |   config.assets.compile = false
31 | 
32 |   # Asset digests allow you to set far-future HTTP expiration dates on all assets, 
33 |   # yet still be able to expire them through the digest params.
34 |   config.assets.digest = true
35 | 
36 |   # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb
37 | 
38 |   # Specifies the header that your server uses for sending files.
39 |   # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for Apache
40 |   # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX
41 | 
42 |   # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
43 |   # config.force_ssl = true
44 | 
45 |   # Set to :info to decrease the log volume.
46 |   config.log_level = :debug
47 | 
48 |   # Prepend all log lines with the following tags.
49 |   # config.log_tags = [ :subdomain, :uuid ]
50 | 
51 |   # Use a different logger for distributed setups.
52 |   # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)
53 | 
54 |   # Use a different cache store in production.
55 |   # config.cache_store = :mem_cache_store
56 | 
57 |   # Enable serving of images, stylesheets, and JavaScripts from an asset server.
58 |   # config.action_controller.asset_host = "http://assets.example.com"
59 | 
60 |   # Ignore bad email addresses and do not raise email delivery errors.
61 |   # Set this to true and configure the email server for immediate delivery to raise delivery errors.
62 |   # config.action_mailer.raise_delivery_errors = false
63 | 
64 |   # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
65 |   # the I18n.default_locale when a translation cannot be found).
66 |   config.i18n.fallbacks = true
67 | 
68 |   # Send deprecation notices to registered listeners.
69 |   config.active_support.deprecation = :notify
70 | 
71 |   # Use default logging formatter so that PID and timestamp are not suppressed.
72 |   config.log_formatter = ::Logger::Formatter.new
73 | 
74 |   # Do not dump schema after migrations.
75 |   config.active_record.dump_schema_after_migration = false
76 | end
77 | 


--------------------------------------------------------------------------------
/config/environments/test.rb:
--------------------------------------------------------------------------------
 1 | Rails.application.configure do
 2 |   # Settings specified here will take precedence over those in config/application.rb.
 3 | 
 4 |   # The test environment is used exclusively to run your application's
 5 |   # test suite. You never need to work with it otherwise. Remember that
 6 |   # your test database is "scratch space" for the test suite and is wiped
 7 |   # and recreated between test runs. Don't rely on the data there!
 8 |   config.cache_classes = true
 9 | 
10 |   # Do not eager load code on boot. This avoids loading your whole application
11 |   # just for the purpose of running a single test. If you are using a tool that
12 |   # preloads Rails for running tests, you may have to set it to true.
13 |   config.eager_load = false
14 | 
15 |   # Configure static asset server for tests with Cache-Control for performance.
16 |   config.serve_static_assets  = true
17 |   config.static_cache_control = 'public, max-age=3600'
18 | 
19 |   # Show full error reports and disable caching.
20 |   config.consider_all_requests_local       = true
21 |   config.action_controller.perform_caching = false
22 | 
23 |   # Raise exceptions instead of rendering exception templates.
24 |   config.action_dispatch.show_exceptions = false
25 | 
26 |   # Disable request forgery protection in test environment.
27 |   config.action_controller.allow_forgery_protection = false
28 | 
29 |   # Tell Action Mailer not to deliver emails to the real world.
30 |   # The :test delivery method accumulates sent emails in the
31 |   # ActionMailer::Base.deliveries array.
32 |   config.action_mailer.delivery_method = :test
33 | 
34 |   # Print deprecation notices to the stderr.
35 |   config.active_support.deprecation = :stderr
36 | 
37 |   # Raises error for missing translations
38 |   # config.action_view.raise_on_missing_translations = true
39 | end
40 | 


--------------------------------------------------------------------------------
/config/initializers/assets.rb:
--------------------------------------------------------------------------------
 1 | # Be sure to restart your server when you modify this file.
 2 | 
 3 | # Version of your assets, change this if you want to expire all your assets.
 4 | Rails.application.config.assets.version = '1.0'
 5 | 
 6 | # Add additional assets to the asset load path
 7 | # Rails.application.config.assets.paths << Emoji.images_path
 8 | 
 9 | # Precompile additional assets.
10 | # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
11 | # Rails.application.config.assets.precompile += %w( search.js )
12 | 


--------------------------------------------------------------------------------
/config/initializers/backtrace_silencers.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | # You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces.
4 | # Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ }
5 | 
6 | # You can also remove all the silencers if you're trying to debug a problem that might stem from framework code.
7 | # Rails.backtrace_cleaner.remove_silencers!
8 | 


--------------------------------------------------------------------------------
/config/initializers/cookies_serializer.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | Rails.application.config.action_dispatch.cookies_serializer = :json
4 | 


--------------------------------------------------------------------------------
/config/initializers/filter_parameter_logging.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | # Configure sensitive parameters which will be filtered from the log file.
4 | Rails.application.config.filter_parameters += [:password]
5 | 


--------------------------------------------------------------------------------
/config/initializers/inflections.rb:
--------------------------------------------------------------------------------
 1 | # Be sure to restart your server when you modify this file.
 2 | 
 3 | # Add new inflection rules using the following format. Inflections
 4 | # are locale specific, and you may define rules for as many different
 5 | # locales as you wish. All of these examples are active by default:
 6 | # ActiveSupport::Inflector.inflections(:en) do |inflect|
 7 | #   inflect.plural /^(ox)$/i, '\1en'
 8 | #   inflect.singular /^(ox)en/i, '\1'
 9 | #   inflect.irregular 'person', 'people'
10 | #   inflect.uncountable %w( fish sheep )
11 | # end
12 | 
13 | # These inflection rules are supported but not enabled by default:
14 | # ActiveSupport::Inflector.inflections(:en) do |inflect|
15 | #   inflect.acronym 'RESTful'
16 | # end
17 | 


--------------------------------------------------------------------------------
/config/initializers/mime_types.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | # Add new mime types for use in respond_to blocks:
4 | # Mime::Type.register "text/richtext", :rtf
5 | 


--------------------------------------------------------------------------------
/config/initializers/session_store.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 | 
3 | Rails.application.config.session_store :cookie_store, key: '_rails-react-tutorial_session'
4 | 


--------------------------------------------------------------------------------
/config/initializers/wrap_parameters.rb:
--------------------------------------------------------------------------------
 1 | # Be sure to restart your server when you modify this file.
 2 | 
 3 | # This file contains settings for ActionController::ParamsWrapper which
 4 | # is enabled by default.
 5 | 
 6 | # Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array.
 7 | ActiveSupport.on_load(:action_controller) do
 8 |   wrap_parameters format: [:json] if respond_to?(:wrap_parameters)
 9 | end
10 | 
11 | # To enable root element in JSON for ActiveRecord objects.
12 | # ActiveSupport.on_load(:active_record) do
13 | #  self.include_root_in_json = true
14 | # end
15 | 


--------------------------------------------------------------------------------
/config/locales/en.yml:
--------------------------------------------------------------------------------
 1 | # Files in the config/locales directory are used for internationalization
 2 | # and are automatically loaded by Rails. If you want to use locales other
 3 | # than English, add the necessary files in this directory.
 4 | #
 5 | # To use the locales, use `I18n.t`:
 6 | #
 7 | #     I18n.t 'hello'
 8 | #
 9 | # In views, this is aliased to just `t`:
10 | #
11 | #     <%= t('hello') %>
12 | #
13 | # To use a different locale, set it with `I18n.locale`:
14 | #
15 | #     I18n.locale = :es
16 | #
17 | # This would use the information in config/locales/es.yml.
18 | #
19 | # To learn more, please read the Rails Internationalization guide
20 | # available at http://guides.rubyonrails.org/i18n.html.
21 | 
22 | en:
23 |   hello: "Hello world"
24 | 


--------------------------------------------------------------------------------
/config/routes.rb:
--------------------------------------------------------------------------------
 1 | Rails.application.routes.draw do
 2 |   root 'pages#index'
 3 | 
 4 |   resources :comments
 5 | 
 6 |   # The priority is based upon order of creation: first created -> highest priority.
 7 |   # See how all your routes lay out with "rake routes".
 8 | 
 9 |   # You can have the root of your site routed with "root"
10 |   # root 'welcome#index'
11 | 
12 |   # Example of regular route:
13 |   #   get 'products/:id' => 'catalog#view'
14 | 
15 |   # Example of named route that can be invoked with purchase_url(id: product.id)
16 |   #   get 'products/:id/purchase' => 'catalog#purchase', as: :purchase
17 | 
18 |   # Example resource route (maps HTTP verbs to controller actions automatically):
19 |   #   resources :products
20 | 
21 |   # Example resource route with options:
22 |   #   resources :products do
23 |   #     member do
24 |   #       get 'short'
25 |   #       post 'toggle'
26 |   #     end
27 |   #
28 |   #     collection do
29 |   #       get 'sold'
30 |   #     end
31 |   #   end
32 | 
33 |   # Example resource route with sub-resources:
34 |   #   resources :products do
35 |   #     resources :comments, :sales
36 |   #     resource :seller
37 |   #   end
38 | 
39 |   # Example resource route with more complex sub-resources:
40 |   #   resources :products do
41 |   #     resources :comments
42 |   #     resources :sales do
43 |   #       get 'recent', on: :collection
44 |   #     end
45 |   #   end
46 | 
47 |   # Example resource route with concerns:
48 |   #   concern :toggleable do
49 |   #     post 'toggle'
50 |   #   end
51 |   #   resources :posts, concerns: :toggleable
52 |   #   resources :photos, concerns: :toggleable
53 | 
54 |   # Example resource route within a namespace:
55 |   #   namespace :admin do
56 |   #     # Directs /admin/products/* to Admin::ProductsController
57 |   #     # (app/controllers/admin/products_controller.rb)
58 |   #     resources :products
59 |   #   end
60 | end
61 | 


--------------------------------------------------------------------------------
/config/secrets.yml:
--------------------------------------------------------------------------------
 1 | # Be sure to restart your server when you modify this file.
 2 | 
 3 | # Your secret key is used for verifying the integrity of signed cookies.
 4 | # If you change this key, all old signed cookies will become invalid!
 5 | 
 6 | # Make sure the secret is at least 30 characters and all random,
 7 | # no regular words or you'll be exposed to dictionary attacks.
 8 | # You can use `rake secret` to generate a secure secret key.
 9 | 
10 | # Make sure the secrets in this file are kept private
11 | # if you're sharing your code publicly.
12 | 
13 | development:
14 |   secret_key_base: 231bf79489c63f8c8facd7bf27db1c2582a42a7f4302fccdb74ef35bc5dc91fb4e19dbf167f3003bdb4073818dfab4a9916890d193d535a7be458dbef1609800
15 | 
16 | test:
17 |   secret_key_base: 1ab8adbcf8410aebbce9b6dd6db7b5d090297bd22cf789b91ff44ae02711e8c128453d3e5c97eadf9066efe1a1e0dc1921faf7314d566c114d3ed60ae7ea614c
18 | 
19 | # Do not keep production secrets in the repository,
20 | # instead read values from the environment.
21 | production:
22 |   secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
23 | 


--------------------------------------------------------------------------------
/db/migrate/20140823052830_create_comments.rb:
--------------------------------------------------------------------------------
 1 | class CreateComments < ActiveRecord::Migration
 2 |   def change
 3 |     create_table :comments do |t|
 4 |       t.string :author
 5 |       t.text :text
 6 | 
 7 |       t.timestamps null: false
 8 |     end
 9 |   end
10 | end
11 | 


--------------------------------------------------------------------------------
/db/schema.rb:
--------------------------------------------------------------------------------
 1 | # encoding: UTF-8
 2 | # This file is auto-generated from the current state of the database. Instead
 3 | # of editing this file, please use the migrations feature of Active Record to
 4 | # incrementally modify your database, and then regenerate this schema definition.
 5 | #
 6 | # Note that this schema.rb definition is the authoritative source for your
 7 | # database schema. If you need to create the application database on another
 8 | # system, you should be using db:schema:load, not running all the migrations
 9 | # from scratch. The latter is a flawed and unsustainable approach (the more migrations
10 | # you'll amass, the slower it'll run and the greater likelihood for issues).
11 | #
12 | # It's strongly recommended that you check this file into your version control system.
13 | 
14 | ActiveRecord::Schema.define(version: 20140823052830) do
15 | 
16 |   create_table "comments", force: true do |t|
17 |     t.string   "author"
18 |     t.text     "text"
19 |     t.datetime "created_at", null: false
20 |     t.datetime "updated_at", null: false
21 |   end
22 | 
23 | end
24 | 


--------------------------------------------------------------------------------
/db/seeds.rb:
--------------------------------------------------------------------------------
1 | # This file should contain all the record creation needed to seed the database with its default values.
2 | # The data can then be loaded with the rake db:seed (or created alongside the db with db:setup).
3 | #
4 | # Examples:
5 | #
6 | #   cities = City.create([{ name: 'Chicago' }, { name: 'Copenhagen' }])
7 | #   Mayor.create(name: 'Emanuel', city: cities.first)
8 | 


--------------------------------------------------------------------------------
/lib/assets/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/lib/assets/.keep


--------------------------------------------------------------------------------
/lib/tasks/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/lib/tasks/.keep


--------------------------------------------------------------------------------
/log/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/log/.keep


--------------------------------------------------------------------------------
/public/404.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <title>The page you were looking for doesn't exist (404)</title>
 5 |   <meta name="viewport" content="width=device-width,initial-scale=1">
 6 |   <style>
 7 |   body {
 8 |     background-color: #EFEFEF;
 9 |     color: #2E2F30;
10 |     text-align: center;
11 |     font-family: arial, sans-serif;
12 |     margin: 0;
13 |   }
14 | 
15 |   div.dialog {
16 |     width: 95%;
17 |     max-width: 33em;
18 |     margin: 4em auto 0;
19 |   }
20 | 
21 |   div.dialog > div {
22 |     border: 1px solid #CCC;
23 |     border-right-color: #999;
24 |     border-left-color: #999;
25 |     border-bottom-color: #BBB;
26 |     border-top: #B00100 solid 4px;
27 |     border-top-left-radius: 9px;
28 |     border-top-right-radius: 9px;
29 |     background-color: white;
30 |     padding: 7px 12% 0;
31 |     box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
32 |   }
33 | 
34 |   h1 {
35 |     font-size: 100%;
36 |     color: #730E15;
37 |     line-height: 1.5em;
38 |   }
39 | 
40 |   div.dialog > p {
41 |     margin: 0 0 1em;
42 |     padding: 1em;
43 |     background-color: #F7F7F7;
44 |     border: 1px solid #CCC;
45 |     border-right-color: #999;
46 |     border-left-color: #999;
47 |     border-bottom-color: #999;
48 |     border-bottom-left-radius: 4px;
49 |     border-bottom-right-radius: 4px;
50 |     border-top-color: #DADADA;
51 |     color: #666;
52 |     box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
53 |   }
54 |   </style>
55 | </head>
56 | 
57 | <body>
58 |   <!-- This file lives in public/404.html -->
59 |   <div class="dialog">
60 |     <div>
61 |       <h1>The page you were looking for doesn't exist.</h1>
62 |       <p>You may have mistyped the address or the page may have moved.</p>
63 |     </div>
64 |     <p>If you are the application owner check the logs for more information.</p>
65 |   </div>
66 | </body>
67 | </html>
68 | 


--------------------------------------------------------------------------------
/public/422.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <title>The change you wanted was rejected (422)</title>
 5 |   <meta name="viewport" content="width=device-width,initial-scale=1">
 6 |   <style>
 7 |   body {
 8 |     background-color: #EFEFEF;
 9 |     color: #2E2F30;
10 |     text-align: center;
11 |     font-family: arial, sans-serif;
12 |     margin: 0;
13 |   }
14 | 
15 |   div.dialog {
16 |     width: 95%;
17 |     max-width: 33em;
18 |     margin: 4em auto 0;
19 |   }
20 | 
21 |   div.dialog > div {
22 |     border: 1px solid #CCC;
23 |     border-right-color: #999;
24 |     border-left-color: #999;
25 |     border-bottom-color: #BBB;
26 |     border-top: #B00100 solid 4px;
27 |     border-top-left-radius: 9px;
28 |     border-top-right-radius: 9px;
29 |     background-color: white;
30 |     padding: 7px 12% 0;
31 |     box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
32 |   }
33 | 
34 |   h1 {
35 |     font-size: 100%;
36 |     color: #730E15;
37 |     line-height: 1.5em;
38 |   }
39 | 
40 |   div.dialog > p {
41 |     margin: 0 0 1em;
42 |     padding: 1em;
43 |     background-color: #F7F7F7;
44 |     border: 1px solid #CCC;
45 |     border-right-color: #999;
46 |     border-left-color: #999;
47 |     border-bottom-color: #999;
48 |     border-bottom-left-radius: 4px;
49 |     border-bottom-right-radius: 4px;
50 |     border-top-color: #DADADA;
51 |     color: #666;
52 |     box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
53 |   }
54 |   </style>
55 | </head>
56 | 
57 | <body>
58 |   <!-- This file lives in public/422.html -->
59 |   <div class="dialog">
60 |     <div>
61 |       <h1>The change you wanted was rejected.</h1>
62 |       <p>Maybe you tried to change something you didn't have access to.</p>
63 |     </div>
64 |     <p>If you are the application owner check the logs for more information.</p>
65 |   </div>
66 | </body>
67 | </html>
68 | 


--------------------------------------------------------------------------------
/public/500.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <title>We're sorry, but something went wrong (500)</title>
 5 |   <meta name="viewport" content="width=device-width,initial-scale=1">
 6 |   <style>
 7 |   body {
 8 |     background-color: #EFEFEF;
 9 |     color: #2E2F30;
10 |     text-align: center;
11 |     font-family: arial, sans-serif;
12 |     margin: 0;
13 |   }
14 | 
15 |   div.dialog {
16 |     width: 95%;
17 |     max-width: 33em;
18 |     margin: 4em auto 0;
19 |   }
20 | 
21 |   div.dialog > div {
22 |     border: 1px solid #CCC;
23 |     border-right-color: #999;
24 |     border-left-color: #999;
25 |     border-bottom-color: #BBB;
26 |     border-top: #B00100 solid 4px;
27 |     border-top-left-radius: 9px;
28 |     border-top-right-radius: 9px;
29 |     background-color: white;
30 |     padding: 7px 12% 0;
31 |     box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
32 |   }
33 | 
34 |   h1 {
35 |     font-size: 100%;
36 |     color: #730E15;
37 |     line-height: 1.5em;
38 |   }
39 | 
40 |   div.dialog > p {
41 |     margin: 0 0 1em;
42 |     padding: 1em;
43 |     background-color: #F7F7F7;
44 |     border: 1px solid #CCC;
45 |     border-right-color: #999;
46 |     border-left-color: #999;
47 |     border-bottom-color: #999;
48 |     border-bottom-left-radius: 4px;
49 |     border-bottom-right-radius: 4px;
50 |     border-top-color: #DADADA;
51 |     color: #666;
52 |     box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
53 |   }
54 |   </style>
55 | </head>
56 | 
57 | <body>
58 |   <!-- This file lives in public/500.html -->
59 |   <div class="dialog">
60 |     <div>
61 |       <h1>We're sorry, but something went wrong.</h1>
62 |     </div>
63 |     <p>If you are the application owner check the logs for more information.</p>
64 |   </div>
65 | </body>
66 | </html>
67 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/public/favicon.ico


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 | #
3 | # To ban all spiders from the entire site uncomment the next two lines:
4 | # User-agent: *
5 | # Disallow: /
6 | 


--------------------------------------------------------------------------------
/test/controllers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/test/controllers/.keep


--------------------------------------------------------------------------------
/test/controllers/comments_controller_test.rb:
--------------------------------------------------------------------------------
 1 | require 'test_helper'
 2 | 
 3 | class CommentsControllerTest < ActionController::TestCase
 4 |   setup do
 5 |     @comment = comments(:one)
 6 |   end
 7 | 
 8 |   test "should get index" do
 9 |     get :index
10 |     assert_response :success
11 |     assert_not_nil assigns(:comments)
12 |   end
13 | 
14 |   test "should get new" do
15 |     get :new
16 |     assert_response :success
17 |   end
18 | 
19 |   test "should create comment" do
20 |     assert_difference('Comment.count') do
21 |       post :create, comment: { author: @comment.author, text: @comment.text }
22 |     end
23 | 
24 |     assert_redirected_to comment_path(assigns(:comment))
25 |   end
26 | 
27 |   test "should show comment" do
28 |     get :show, id: @comment
29 |     assert_response :success
30 |   end
31 | 
32 |   test "should get edit" do
33 |     get :edit, id: @comment
34 |     assert_response :success
35 |   end
36 | 
37 |   test "should update comment" do
38 |     patch :update, id: @comment, comment: { author: @comment.author, text: @comment.text }
39 |     assert_redirected_to comment_path(assigns(:comment))
40 |   end
41 | 
42 |   test "should destroy comment" do
43 |     assert_difference('Comment.count', -1) do
44 |       delete :destroy, id: @comment
45 |     end
46 | 
47 |     assert_redirected_to comments_path
48 |   end
49 | end
50 | 


--------------------------------------------------------------------------------
/test/controllers/pages_controller_test.rb:
--------------------------------------------------------------------------------
 1 | require 'test_helper'
 2 | 
 3 | class PagesControllerTest < ActionController::TestCase
 4 |   test "should get index" do
 5 |     get :index
 6 |     assert_response :success
 7 |   end
 8 | 
 9 | end
10 | 


--------------------------------------------------------------------------------
/test/fixtures/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/test/fixtures/.keep


--------------------------------------------------------------------------------
/test/fixtures/comments.yml:
--------------------------------------------------------------------------------
 1 | # Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
 2 | 
 3 | one:
 4 |   author: MyString
 5 |   text: MyText
 6 | 
 7 | two:
 8 |   author: MyString
 9 |   text: MyText
10 | 


--------------------------------------------------------------------------------
/test/helpers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/test/helpers/.keep


--------------------------------------------------------------------------------
/test/integration/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/test/integration/.keep


--------------------------------------------------------------------------------
/test/mailers/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/test/mailers/.keep


--------------------------------------------------------------------------------
/test/models/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/test/models/.keep


--------------------------------------------------------------------------------
/test/models/comment_test.rb:
--------------------------------------------------------------------------------
1 | require 'test_helper'
2 | 
3 | class CommentTest < ActiveSupport::TestCase
4 |   # test "the truth" do
5 |   #   assert true
6 |   # end
7 | end
8 | 


--------------------------------------------------------------------------------
/test/test_helper.rb:
--------------------------------------------------------------------------------
 1 | ENV['RAILS_ENV'] ||= 'test'
 2 | require File.expand_path('../../config/environment', __FILE__)
 3 | require 'rails/test_help'
 4 | 
 5 | class ActiveSupport::TestCase
 6 |   # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
 7 |   fixtures :all
 8 | 
 9 |   # Add more helper methods to be used by all tests here...
10 | end
11 | 


--------------------------------------------------------------------------------
/vendor/assets/javascripts/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/vendor/assets/javascripts/.keep


--------------------------------------------------------------------------------
/vendor/assets/stylesheets/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justin808/react-rails-tutorial/7a0844407ab424159d8487080aa1e67a73eb4fdb/vendor/assets/stylesheets/.keep


--------------------------------------------------------------------------------