react_webpack_rails 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +22 -0
- data/README.md +23 -6
- data/Rakefile +22 -2
- data/lib/generators/react_webpack_rails/install_generator.rb +3 -0
- data/lib/generators/react_webpack_rails/templates/package.json.erb +3 -0
- data/lib/generators/react_webpack_rails/templates/partial/_react_hot_assets.html.erb +3 -0
- data/lib/generators/react_webpack_rails/templates/react/components/hello-world.jsx +1 -3
- data/lib/generators/react_webpack_rails/templates/webpack/hot-dev.config.js +13 -0
- data/lib/generators/react_webpack_rails/templates/webpack.config.js +8 -4
- data/lib/react_webpack_rails/engine.rb +1 -1
- data/lib/react_webpack_rails/railtie.rb +1 -1
- data/lib/react_webpack_rails/version.rb +1 -1
- data/lib/react_webpack_rails.rb +2 -3
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c9c67fecd5f3e1b72d2ebc46ec7dfb8d05ab75e4
|
|
4
|
+
data.tar.gz: 05a6301021820dab1ccb64564b424f0bc3ba69de
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 83e44ea83f26566d10ebca037c2c5cfe38fe998c88559ee2bb7345ad401ec0ceb76c51cc3a540fa5f82e801ded6d7023aee3aaae3e62c10a9a0ce1432399b0bd
|
|
7
|
+
data.tar.gz: 1e413493cca65abd5f4100b20291545a517712a53599345a7a774a0e848604f7f45c68c1b9c45ba2c2ea590db46fec4d7c46ca2bd7c03f96a8d304ef99be4359
|
data/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,25 @@
|
|
|
1
|
+
## 0.0.5 (November 26, 2015)
|
|
2
|
+
* Add Hot Reload support
|
|
3
|
+
* Dependencies:
|
|
4
|
+
* webpack-dev-server
|
|
5
|
+
* react-hot-loader
|
|
6
|
+
* Second development server (webpack-dev-server) with hot-auto-reload:
|
|
7
|
+
* Setup and add tests
|
|
8
|
+
|
|
9
|
+
### migration 0.0.4 -> 0.0.5
|
|
10
|
+
* make sure your package.json is up-to-date.
|
|
11
|
+
* install `react-hot-loader ^1.3.0`
|
|
12
|
+
* install `webpack-dev-server" ^1.12.1`
|
|
13
|
+
* add to application.html.erb <body>:
|
|
14
|
+
```erb
|
|
15
|
+
<% if Rails.env.development? %>
|
|
16
|
+
<script src='http://localhost:8080/assets/react_bundle.js'></script>
|
|
17
|
+
<% end %>
|
|
18
|
+
```
|
|
19
|
+
* copy file `hot-dev.config.js` from https://github.com/netguru/react_webpack_rails/tree/master/lib/generators/react_webpack_rails/templates/webpack to your `/webpack` directory.
|
|
20
|
+
* make sure that you have `react_bundle.js` in your `/app/assets/javascripts` directory. If not, to use hot-reloading server please create empty `react_bundle.js` in your `/app/assets/javascripts` directory or just run `$ npm start` or `$ npm build` in your terminal.
|
|
21
|
+
|
|
22
|
+
|
|
1
23
|
## 0.0.4 (October 26, 2015)
|
|
2
24
|
* Add [react-router [v1]](https://github.com/rackt/react-router) integration:
|
|
3
25
|
* js helpers:
|
data/README.md
CHANGED
|
@@ -26,16 +26,23 @@ This will create following files:
|
|
|
26
26
|
|
|
27
27
|
```
|
|
28
28
|
├── app
|
|
29
|
-
│
|
|
30
|
-
│
|
|
31
|
-
│
|
|
32
|
-
│
|
|
33
|
-
│
|
|
29
|
+
│ ├── react
|
|
30
|
+
│ │ ├── components
|
|
31
|
+
│ │ │ ├── hello-world.jsx
|
|
32
|
+
│ │ │ └── hello-world-test.jsx
|
|
33
|
+
│ │ └── index.js
|
|
34
|
+
│ ├── views
|
|
35
|
+
│ │ └── layouts
|
|
36
|
+
│ │ └── _react_hot_assets.html.erb
|
|
37
|
+
│ └── assets
|
|
38
|
+
│ └── javascripts
|
|
39
|
+
│ └──react_bundle.js
|
|
34
40
|
├── webpack
|
|
35
41
|
│ ├── dev.config.js
|
|
42
|
+
│ ├── hot-dev.config.js
|
|
36
43
|
│ ├── production.config.js
|
|
37
44
|
│ └── tests.config.js
|
|
38
|
-
|
|
45
|
+
├── .babelrc
|
|
39
46
|
├── karma.conf.js
|
|
40
47
|
├── package.json
|
|
41
48
|
└── webpack.config.js
|
|
@@ -62,6 +69,12 @@ By default, `react-webpack-rails` uses Babel Stage 1 - Proposal. If you want to
|
|
|
62
69
|
|
|
63
70
|
## Usage
|
|
64
71
|
##### Check [docs](https://github.com/netguru/react_webpack_rails/tree/master/docs) for detailed api description.
|
|
72
|
+
### to use hot-reloading add partial in your application.html.erb to `<body>`:
|
|
73
|
+
(it's not needed when you want to use just webpack in watch mode without hot-reloading)
|
|
74
|
+
```erb
|
|
75
|
+
<%= render 'layouts/react_hot_assets' %>
|
|
76
|
+
```
|
|
77
|
+
|
|
65
78
|
#### Register component in index.js
|
|
66
79
|
|
|
67
80
|
```js
|
|
@@ -87,6 +100,10 @@ Run webpack in watch mode using script:
|
|
|
87
100
|
|
|
88
101
|
$ npm start
|
|
89
102
|
|
|
103
|
+
Run webpack in hot-auto-reloading mode using script (to use it you have to add `react_hot_assets` partial as mentioned before):
|
|
104
|
+
|
|
105
|
+
$ npm run start-hot-dev
|
|
106
|
+
|
|
90
107
|
Or manually:
|
|
91
108
|
|
|
92
109
|
$ webpack -w --config YOUR_CONFIG
|
data/Rakefile
CHANGED
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
require "bundler/gem_tasks"
|
|
2
2
|
require "rspec/core/rake_task"
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
namespace :spec do
|
|
5
|
+
desc 'Run all tests'
|
|
6
|
+
task all: [:gem, :rails3, :rails4] do
|
|
7
|
+
puts 'Finished all tests, yay!'
|
|
8
|
+
end
|
|
5
9
|
|
|
6
|
-
|
|
10
|
+
desc 'Run gem tests'
|
|
11
|
+
task :gem do
|
|
12
|
+
sh %Q(rspec spec/react_webpack_rails_spec.rb)
|
|
13
|
+
end
|
|
14
|
+
|
|
15
|
+
desc 'Run rspec for rails3 application'
|
|
16
|
+
task :rails3 do
|
|
17
|
+
sh %Q(cd spec/rails3_dummy_app && rspec)
|
|
18
|
+
end
|
|
19
|
+
|
|
20
|
+
desc 'Run rspec for rails4 application'
|
|
21
|
+
task :rails4 do
|
|
22
|
+
sh %Q(cd spec/rails4_dummy_app && rspec)
|
|
23
|
+
end
|
|
24
|
+
end
|
|
25
|
+
|
|
26
|
+
task default: 'spec:all'
|
|
@@ -9,10 +9,13 @@ module ReactWebpackRails
|
|
|
9
9
|
copy_file '.babelrc', '.babelrc'
|
|
10
10
|
copy_file 'webpack.config.js', 'webpack.config.js'
|
|
11
11
|
copy_file 'webpack/dev.config.js', 'webpack/dev.config.js'
|
|
12
|
+
copy_file 'webpack/hot-dev.config.js', 'webpack/hot-dev.config.js'
|
|
12
13
|
copy_file 'webpack/production.config.js', 'webpack/production.config.js'
|
|
13
14
|
copy_file 'karma.conf.js', 'karma.conf.js'
|
|
14
15
|
copy_file 'webpack/tests.config.js', 'webpack/tests.config.js'
|
|
16
|
+
copy_file 'partial/_react_hot_assets.html.erb', 'app/views/layouts/_react_hot_assets.html.erb'
|
|
15
17
|
template 'react/index.js.erb', 'app/react/index.js'
|
|
18
|
+
create_file 'app/assets/javascripts/react_bundle.js'
|
|
16
19
|
if options.example
|
|
17
20
|
copy_file 'react/components/hello-world.jsx', 'app/react/components/hello-world.jsx'
|
|
18
21
|
copy_file 'react/components/hello-world-test.jsx', 'app/react/components/hello-world-test.jsx'
|
|
@@ -11,6 +11,8 @@
|
|
|
11
11
|
"karma-sinon": "^1.0.4",
|
|
12
12
|
"karma-sourcemap-loader": "^0.3.6",
|
|
13
13
|
"karma-webpack": "^1.7.0",
|
|
14
|
+
"react-hot-loader": "^1.3.0",
|
|
15
|
+
"webpack-dev-server": "^1.12.1",
|
|
14
16
|
"webpack-notifier": "^1.2.1"
|
|
15
17
|
},
|
|
16
18
|
"dependencies": {
|
|
@@ -28,6 +30,7 @@
|
|
|
28
30
|
"scripts": {
|
|
29
31
|
"test": "karma start",
|
|
30
32
|
"start": "webpack -w --config webpack/dev.config.js",
|
|
33
|
+
"start-hot-dev": "webpack-dev-server --hot --inline --config webpack/hot-dev.config.js",
|
|
31
34
|
"build": "webpack -p --config webpack/production.config.js"
|
|
32
35
|
},
|
|
33
36
|
"license": "",
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var config = require('./dev.config');
|
|
2
|
+
|
|
3
|
+
var jsxLoader = config.module.loaders.filter(function(loader) { return loader.key == 'jsx' })[0]
|
|
4
|
+
jsxLoader.loaders.unshift('react-hot');
|
|
5
|
+
|
|
6
|
+
config.output.publicPath = 'http://localhost:8080/assets/'
|
|
7
|
+
|
|
8
|
+
config.entry.main.push(
|
|
9
|
+
'webpack/hot/only-dev-server',
|
|
10
|
+
'webpack-dev-server/client?http://localhost:8080'
|
|
11
|
+
)
|
|
12
|
+
|
|
13
|
+
module.exports = config;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
var ExtractTextPlugin = require('extract-text-webpack-plugin');
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
entry: {
|
|
5
|
+
main: ['./app/react/index.js']
|
|
6
|
+
},
|
|
6
7
|
output: {
|
|
7
8
|
path: __dirname + '/app/assets/javascripts',
|
|
8
9
|
filename: 'react_bundle.js'
|
|
@@ -10,15 +11,18 @@ module.exports = {
|
|
|
10
11
|
module: {
|
|
11
12
|
loaders: [
|
|
12
13
|
{
|
|
14
|
+
key: 'jsx',
|
|
13
15
|
test: /\.jsx?$/,
|
|
14
|
-
exclude: /node_modules/,
|
|
15
|
-
|
|
16
|
+
exclude: /(node_modules)/,
|
|
17
|
+
loaders: ['babel-loader']
|
|
16
18
|
},
|
|
17
19
|
{
|
|
20
|
+
key: 'scss',
|
|
18
21
|
test: /\.scss$/,
|
|
19
22
|
loader: ExtractTextPlugin.extract('css!sass')
|
|
20
23
|
},
|
|
21
24
|
{
|
|
25
|
+
key: 'css',
|
|
22
26
|
test: /\.css$/,
|
|
23
27
|
loader: ExtractTextPlugin.extract('css!sass')
|
|
24
28
|
}
|
data/lib/react_webpack_rails.rb
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
require 'react_webpack_rails/version'
|
|
2
|
-
require 'react_webpack_rails/engine'
|
|
3
|
-
require 'react_webpack_rails/railtie'
|
|
4
|
-
require 'react_webpack_rails/view_helpers'
|
|
2
|
+
require 'react_webpack_rails/engine' if defined?(Rails)
|
|
3
|
+
require 'react_webpack_rails/railtie' if defined?(Rails)
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: react_webpack_rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Rafał Gawlik
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: exe
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2015-
|
|
12
|
+
date: 2015-11-25 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bundler
|
|
@@ -93,11 +93,13 @@ files:
|
|
|
93
93
|
- lib/generators/react_webpack_rails/templates/.babelrc
|
|
94
94
|
- lib/generators/react_webpack_rails/templates/karma.conf.js
|
|
95
95
|
- lib/generators/react_webpack_rails/templates/package.json.erb
|
|
96
|
+
- lib/generators/react_webpack_rails/templates/partial/_react_hot_assets.html.erb
|
|
96
97
|
- lib/generators/react_webpack_rails/templates/react/components/hello-world-test.jsx
|
|
97
98
|
- lib/generators/react_webpack_rails/templates/react/components/hello-world.jsx
|
|
98
99
|
- lib/generators/react_webpack_rails/templates/react/index.js.erb
|
|
99
100
|
- lib/generators/react_webpack_rails/templates/webpack.config.js
|
|
100
101
|
- lib/generators/react_webpack_rails/templates/webpack/dev.config.js
|
|
102
|
+
- lib/generators/react_webpack_rails/templates/webpack/hot-dev.config.js
|
|
101
103
|
- lib/generators/react_webpack_rails/templates/webpack/production.config.js
|
|
102
104
|
- lib/generators/react_webpack_rails/templates/webpack/tests.config.js
|
|
103
105
|
- lib/react_webpack_rails.rb
|