redux-gem 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6cf8f3de0a3aacdeec02986223931af0a4f450bc
+  data.tar.gz: de83ed2634cd7cd4398af7c87c627db90fa47496
+SHA512:
+  metadata.gz: 621ef56fc6e8057d5216ded6ce103804f95eaf30fc619612f56aafe537fad07c350580b3f26297f2dd7bb560d5f5014b72f2b66b1212d940c13b73967e35c9b4
+  data.tar.gz: c5e3443a429c79ce280a4f80ac4dd2560ca36d04f9ef2f333a84b44ff95b1a70d86595057ae1dae05966e72dc2a07a62cb4923c740912449fd6c6ca7c73474e7

data/MIT-LICENSE

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

data/README.md

@@ -0,0 +1,79 @@
+# Redux::Gem
+I Created this gem to add my style of file management using React and Redux to the React_on_Rails gem. Other than the stylesheets components and containers are now self contained and can be re-used easier between projects.
+
+If you have and questions or you'd like to get in contact with me you can contact me through http://www.popwell.com or submit an issue to the github repo.
+
+# Create a New Rails project
+```bash
+$ Rails new #projectName
+```
+cd into your new project folder
+open in the editor of your choice
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem "react_on_rails", "~> 6"
+gem 'redux-gem'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install redux-gem
+```
+
+## Usage
+Knowing Redux is not a requirement to use this gem. It is available if you would like to generate containers.
+
+Before you can use the Redux-gem you must install the React_on_Rails gem and run the generator
+
+```bash
+$ rails generate react_on_rails:install
+```
+you won't need to follow any of the other instructions for the React_on_Rails installation when you use the Redux-gem.
+
+for more information on React_on_Rails visit
+https://github.com/shakacode/react_on_rails#including-your-react-component-in-your-rails-views
+
+Now that React_on_Rails is installed you need to run the Redux-gem start generator
+```bash
+$ rails generate start
+```
+This will remove all of the view components and files just created by React_on_Rails and replaces them with the Redux-gem files. It also installs redux, react-redux, react-router, redux-promises to the package.json file. Automatically install the foreman gem. The generator automatically runs npm i && bundle.
+
+#To see your app on localhost
+```bash
+$ foreman start -f Procfile.dev
+```
+in your browser navigate to http://localhost:5000/ and you should see
+
+							Redux-gem installed!
+
+To get started, edit client/app/App.jsx and save to reload.
+edit styles in, app/assets/stylesheets/"component_name".scss
+
+#To generate a new component run:
+
+```bash
+$ rails generate component #component_name
+```
+this generates a new component folder inside of the client folder with your components name entered as the class name and the export name. It adds the necessary lines to the registration file allowing your rails app to display them. Creates a Rails view page with the needed render method in views. Adds a scss file to the stylesheets folder with component_name.scss and a simple text-align center added to show it's working. Also, creates a route for your new component.
+
+#To generate a new container run:
+
+```bash
+$ rails generate container #container_name
+```
+this generates a new container folder inside of the client folder with your container name entered as the class name and the export name. Creates a #container_name.js, action, constants and reducer. It adds the neccesary lines to the registration file allowing your rails app to display them. Creates a Rails view page with the needed render method in views. Adds a scss file to the stylesheets folder with container_name.scss and a simple text-align center added. Creates a route for your new container.
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Redux::Gem'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/lib/generators/component/USAGE

@@ -0,0 +1,8 @@
+Description:
+    The component generator creates a boilerplate dumb component inside of client section of a react_on_rails app
+
+Example:
+    rails generate component Thing
+
+    This will create:
+        what/will/it/create

data/lib/generators/component/component_generator.rb

@@ -0,0 +1,37 @@
+class ComponentGenerator < Rails::Generators::NamedBase
+  source_root File.expand_path('../templates', __FILE__)
+
+	def create_route
+		route "get '#{name}', to: '#{name}#index'"
+	end
+
+	def create_view_directory
+		empty_directory("app/views/pages/components/#{name}")
+	end
+
+	def create_view
+		create_file "app/views/pages/components/#{name}/#{name}.html.erb", "<%= react_component('#{name}', {prerender: false}) %>"
+		create_file "app/assets/stylesheets/#{name}.scss"
+	end
+
+	def create_component_directory
+		empty_directory("client/app/components/#{name}")
+	end
+
+	def create_component_index
+		create_file "client/app/components/#{name}/#{name}.js",
+"import React, { Component } from 'react';
+
+class #{name} extends Component {
+  render() {
+    return (
+			<div>New Component</div>
+		)
+	}
+}
+
+export default #{name};"
+		inject_into_file "client/app/registration.jsx", "  #{name},\n", :before => /^}/
+		inject_into_file "client/app/registration.jsx", "import #{name} from './components/#{name}/#{name}';\n", :after => "import ReactOnRails from 'react-on-rails';\n"
+	end
+end

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

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import styles from './component.css';
+
+class Index extends Component {
+  render() {
+    return (
+			<div>New Component</div>
+		)
+	}
+}
+
+export default Index;

data/lib/generators/container/USAGE

@@ -0,0 +1,8 @@
+Description:
+    hopefully creates a container inside of src with all template files
+
+Example:
+    rails generate container Thing
+
+    This will create:
+        what/will/it/create

data/lib/generators/container/container_generator.rb

@@ -0,0 +1,44 @@
+class ContainerGenerator < Rails::Generators::NamedBase
+  source_root File.expand_path('../templates', __FILE__)
+
+	def create_route
+		route "get '#{name}', to: '#{name}#index'"
+	end
+
+	def create_directory
+		empty_directory("app/views/pages/containers/#{name}")
+	end
+
+	def create_view
+		create_file "app/views/pages/containers/#{name}/#{name}.html.erb", "<%= react_component('#{name}', {prerender: false}) %>"
+		create_file "app/assets/stylesheets/#{name}.scss"
+	end
+
+	def create_directory
+		empty_directory("client/app/containers/#{name}")
+	end
+
+	def create_contianer_index
+		create_file "client/app/containers/#{name}/#{name}.js",
+"import React, { Component } from 'react';
+import * as actions from './actions';
+
+class #{name} extends Component {
+  render() {
+    return (
+      <div>#{name} Container</div>
+    );
+  }
+}
+
+export default #{name};"
+		inject_into_file "client/app/registration.jsx", "  #{name},\n", :before => /^}/
+		inject_into_file "client/app/registration.jsx", "import #{name} from './containers/#{name}/#{name}';\n", :after => "import ReactOnRails from 'react-on-rails';\n"
+	end
+
+	def copy_container_files
+		copy_file "container/constants.js", "client/app/containers/#{name}/constants.js"
+		copy_file "container/actions.js", "client/app/containers/#{name}/actions.js"
+		copy_file "container/reducer.js", "client/app/containers/#{name}/reducer.js"
+  end
+end

data/lib/generators/container/templates/container/actions.js

@@ -0,0 +1,5 @@
+// import {} from './constants';
+
+export const someAction = () => ({
+
+});

data/lib/generators/container/templates/container/constants.js

@@ -0,0 +1 @@
+// export const SOME_CONST = 'SOME_CONST';

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

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import * as actions from './actions';
+
+class Index extends Component {
+  render() {
+    return (
+      <div>New Container</div>
+    );
+  }
+}
+
+export default Index;

data/lib/generators/container/templates/container/reducer.js

@@ -0,0 +1,8 @@
+const reducer = (state = {}, action) => {
+  switch (action.type) {
+    default:
+      return state;
+  }
+};
+
+export default reducer;

data/lib/generators/start_generator.rb

@@ -0,0 +1,36 @@
+class StartGenerator < Rails::Generators::Base
+	source_root File.expand_path('../templates', __FILE__)
+
+	def delete_bundles_folder
+		system("rm -rf client/app/bundles")
+	end
+
+	def create_base_files
+		generate(:scaffold, "page --skip-template-engine --no-view-specs --no-jbuilder --no-stylesheets" )
+		rails_command("db:migrate")
+		route "root 'pages#index'"
+	end
+
+	def install_views
+		create_file "app/views/pages/index.html.erb", "<%= react_component('Index', {prerender: false}) %>"
+		create_file "app/assets/stylesheets/App.scss",
+".App {
+	text-align: center
+}"
+	end
+
+	def create_registration
+		copy_file "registration.jsx", "client/app/registration.jsx"
+		copy_file "Index.jsx", "client/app/Index.jsx"
+		copy_file "App.jsx", "client/app/App.jsx"
+		copy_file "reducers/index.js", "client/app/reducers/index.js"
+		copy_file "package.json", "client/package.json", force: true
+		copy_file "webpack.config.js", "client/webpack.config.js", force: true
+		system("gem install foreman")
+		system("bundle && npm install")
+	end
+
+	def start_server
+		system("foreman start -f Procfile.dev")
+	end
+end

data/lib/generators/templates/App.jsx

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+
+class App extends Component {
+  render() {
+    return (
+      <div className="App">
+        <div className="App-header">
+          <h2>Redux-gem installed!</h2>
+        </div>
+        <p className="App-intro">
+          To get started, edit <code>client/app/App.jsx</code> and save to reload.
+        </p>
+				<p>edit styles in, <code>app/assets/stylesheets/"component_name".scss</code>
+				</p>
+      </div>
+    );
+  }
+}
+
+export default App;

data/lib/generators/templates/Index.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Router, IndexRoute, Route, hashHistory } from 'react-router';
+
+import { Provider } from 'react-redux';
+import { createStore, applyMiddleware } from 'redux';
+import ReduxPromise from 'redux-promise';
+
+import App from './App';
+import reducers from './reducers';
+
+const createStoreWithMiddleware = applyMiddleware(ReduxPromise)(createStore);
+
+// railsContext provides contextual information especially useful for server rendering, such as
+// knowing the locale. See the React on Rails documentation for more info on the railsContext
+
+const Index = (props, _railsContext) => (
+  <Provider store={createStoreWithMiddleware(reducers)}>
+    <App />
+  </Provider>
+);
+
+export default Index;

data/lib/generators/templates/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "react-webpack-rails-tutorial",
+  "version": "0.0.1",
+  "private": true,
+  "engines": {
+    "node": "6.9.0",
+    "npm": "4.1.1"
+  },
+  "scripts": {
+    "build:test": "webpack --config webpack.config.js",
+    "build:production": "NODE_ENV=production webpack --config webpack.config.js",
+    "build:development": "webpack -w --config webpack.config.js"
+  },
+  "cacheDirectories": ["node_modules", "client/node_modules"],
+  "dependencies": {
+    "babel-cli": "^6.18.0",
+    "babel-core": "^6.21.0",
+    "babel-loader": "^6.2.10",
+    "babel-runtime": "^6.20.0",
+    "babel-polyfill": "^6.20.0",
+    "babel-preset-es2015": "^6.18.0",
+    "babel-preset-react": "^6.16.0",
+    "babel-preset-stage-0": "^6.16.0",
+    "es5-shim": "^4.5.9",
+    "expose-loader": "^0.7.1",
+    "imports-loader": "^0.7.0",
+    "react": "^15.4.1",
+    "react-dom": "^15.4.1",
+    "react-on-rails": "6.5.0",
+		"react-redux": "^5.0.2",
+		"react-router": "^3.0.2",
+    "redux-promise": "^0.5.3",
+		"redux": "^3.6.0",
+    "webpack": "^1.14.0"
+  },
+  "devDependencies": {
+  }
+}

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

@@ -0,0 +1,7 @@
+import { combineReducers } from 'redux';
+
+const rootReducer = combineReducers({
+  state: (state = {}) => state
+});
+
+export default rootReducer;

data/lib/generators/templates/registration.jsx

@@ -0,0 +1,11 @@
+import ReactOnRails from 'react-on-rails';
+
+import App from './App';
+import Index from './Index'
+
+// This is how react_on_rails can see the your components and containers in the browser.
+
+ReactOnRails.register({
+  App,
+	Index,
+});

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

@@ -0,0 +1,63 @@
+/* eslint comma-dangle: ["error",
+  {"functions": "never", "arrays": "only-multiline", "objects":
+"only-multiline"} ] */
+
+const webpack = require('webpack');
+const path = require('path');
+
+const devBuild = process.env.NODE_ENV !== 'production';
+const nodeEnv = devBuild ? 'development' : 'production';
+
+const config = {
+  entry: [
+    'es5-shim/es5-shim',
+    'es5-shim/es5-sham',
+    'babel-polyfill',
+    './app/registration',
+  ],
+
+  output: {
+    filename: 'webpack-bundle.js',
+    path: '../app/assets/webpack',
+  },
+
+  resolve: {
+    extensions: ['', '.js', '.jsx'],
+    alias: {
+      react: path.resolve('./node_modules/react'),
+      'react-dom': path.resolve('./node_modules/react-dom'),
+    },
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: JSON.stringify(nodeEnv),
+      },
+    }),
+  ],
+  module: {
+    loaders: [
+      {
+        test: require.resolve('react'),
+        loader: 'imports?shim=es5-shim/es5-shim&sham=es5-shim/es5-sham',
+      },
+      {
+        test: /\.jsx?$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/,
+      },
+    ],
+  },
+};
+
+module.exports = config;
+
+if (devBuild) {
+  console.log('Webpack dev build for Rails'); // eslint-disable-line no-console
+  module.exports.devtool = 'eval-source-map';
+} else {
+  config.plugins.push(
+    new webpack.optimize.DedupePlugin()
+  );
+  console.log('Webpack production build for Rails'); // eslint-disable-line no-console
+}

data/lib/redux/gem.rb

@@ -0,0 +1,5 @@
+module Redux
+  module Gem
+    # Your code goes here...
+  end
+end

data/lib/redux/gem/version.rb

@@ -0,0 +1,5 @@
+module Redux
+  module Gem
+    VERSION = '0.1.0'
+  end
+end

data/lib/tasks/redux/gem_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :redux_gem do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,94 @@
+--- !ruby/object:Gem::Specification
+name: redux-gem
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Luke Popwell
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-02-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.0.1
+- !ruby/object:Gem::Dependency
+  name: react_on_rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6'
+description: See README.md
+email:
+- lukepopwell@mac.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- lib/generators/component/USAGE
+- lib/generators/component/component_generator.rb
+- lib/generators/component/templates/component/index.js
+- lib/generators/container/USAGE
+- lib/generators/container/container_generator.rb
+- lib/generators/container/templates/container/actions.js
+- lib/generators/container/templates/container/constants.js
+- lib/generators/container/templates/container/index.js
+- lib/generators/container/templates/container/reducer.js
+- lib/generators/start_generator.rb
+- lib/generators/templates/App.jsx
+- lib/generators/templates/Index.jsx
+- lib/generators/templates/package.json
+- lib/generators/templates/reducers/index.js
+- lib/generators/templates/registration.jsx
+- lib/generators/templates/webpack.config.js
+- lib/redux/gem.rb
+- lib/redux/gem/version.rb
+- lib/tasks/redux/gem_tasks.rake
+homepage: https://github.com/Luke-Popwell/redux-rails-gem
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.10
+signing_key: 
+specification_version: 4
+summary: Rails with react, redux and webpack.
+test_files: []