react_on_rails 1.2.2 → 2.0.0.beta.1

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

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

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

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

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

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

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

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

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

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

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

@@ -1,18 +0,0 @@
-{
-  "preset": "airbnb",
-  "fileExtensions": [
-    ".js",
-    ".jsx"
-  ],
-  "excludeFiles": [
-    "assets/**",
-    "build/**",
-    "node_modules/**"
-  ],
-  "esprima": "babel-jscs",
-  "validateQuoteMarks": {
-    "mark": "'",
-    "escape": true,
-    "ignoreJSX": true
-  }
-}

data/lib/generators/react_on_rails/templates/no_redux/base/client/app/bundles/HelloWorld/components/HelloWorldWidget.jsx

@@ -1,39 +0,0 @@
-import React, { PropTypes } from 'react';
-import _ from 'lodash';
-
-// Simple example of a React "dumb" component
-export default class HelloWorldWidget extends React.Component {
-  constructor(props, context) {
-    super(props, context);
-
-    // Uses lodash to bind all methods to the context of the object instance, otherwise
-    // the methods defined here would not refer to the component's class, not the component
-    // instance itself.
-    _.bindAll(this, '_handleChange');
-  }
-
-  static propTypes = {
-    name: PropTypes.string.isRequired,
-    _updateName: PropTypes.func.isRequired,
-  };
-
-  // React will automatically provide us with the event `e`
-  _handleChange(e) {
-    const name = e.target.value;
-    this.props._updateName(name);
-  }
-
-  render() {
-    return (
-      <div>
-        <h3>
-          Hello, {this.props.name}!
-        </h3>
-        <p>
-          Say hello to:
-          <input type="text" value={this.props.name} onChange={this._handleChange} />
-        </p>
-      </div>
-    );
-  }
-}

data/lib/generators/react_on_rails/templates/no_redux/base/client/app/bundles/HelloWorld/containers/HelloWorld.jsx

@@ -1,33 +0,0 @@
-import React, { PropTypes } from 'react';
-import HelloWorldWidget from '../components/HelloWorldWidget';
-import _ from 'lodash';
-
-// Simple example of a React "smart" component
-export default class HelloWorld extends React.Component {
-  constructor(props, context) {
-    super(props, context);
-
-    // Uses lodash to bind all methods to the context of the object instance, otherwise
-    // the methods defined here would not refer to the component's class, not the component
-    // instance itself.
-    _.bindAll(this, '_updateName');
-  }
-
-  static propTypes = {
-    name: PropTypes.string.isRequired, // this is passed from the Rails view
-  }
-
-  state = {name: this.props.name} // how to set initial state in es2015 class syntax
-
-  _updateName(name) {
-    this.setState({name: name});
-  }
-
-  render() {
-    return (
-      <div>
-        <HelloWorldWidget name={this.state.name} _updateName={this._updateName} />
-      </div>
-    );
-  }
-}

data/lib/generators/react_on_rails/templates/no_redux/base/client/app/bundles/HelloWorld/startup/HelloWorldAppClient.jsx.tt

@@ -1,12 +0,0 @@
-<%- component_name = options.server_rendering? ? "HelloWorldAppClient" : "HelloWorldApp" -%>
-import React from 'react';
-import HelloWorld from '../containers/HelloWorld';
-
-const <%= component_name %> = props => {
-  const reactComponent = (
-    <HelloWorld {...props} />
-  );
-  return reactComponent;
-};
-
-export default <%= component_name %>;

data/lib/generators/react_on_rails/templates/no_redux/server_rendering/client/app/bundles/HelloWorld/startup/HelloWorldAppServer.jsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import HelloWorld from '../containers/HelloWorld';
-
-const HelloWorldAppServer = props => {
-  const reactComponent = (
-    <HelloWorld {...props} />
-  );
-  return reactComponent;
-};
-
-export default HelloWorldAppServer;

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/actions/helloWorldActionCreators.jsx

@@ -1,8 +0,0 @@
-import * as actionTypes from '../constants/helloWorldConstants';
-
-export function updateName(name) {
-  return {
-    type: actionTypes.HELLO_WORLD_NAME_UPDATE,
-    name,
-  };
-}

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/components/HelloWorldWidget.jsx

@@ -1,48 +0,0 @@
-// HelloWorldWidget is an arbitrary name for any "dumb" component. We do not recommend suffixing all your
-// dump component names with Widget.
-
-import React, { PropTypes } from 'react';
-import Immutable from 'immutable';
-import _ from 'lodash';
-
-// Simple example of a React "dumb" component
-export default class HelloWorldWidget extends React.Component {
-  constructor(props, context) {
-    super(props, context);
-
-    // Uses lodash to bind all methods to the context of the object instance, otherwise
-    // the methods defined here would not refer to the component's class, not the component
-    // instance itself.
-    _.bindAll(this, '_handleChange');
-  }
-
-  static propTypes = {
-    // We prefix all property and variable names pointing to Immutable.js objects with '$$'.
-    // This allows us to immediately know we don't call $$helloWorldStore['someProperty'], but instead use
-    // the Immutable.js `get` API for Immutable.Map
-    actions: PropTypes.object.isRequired,
-    $$helloWorldStore: PropTypes.instanceOf(Immutable.Map).isRequired,
-  }
-
-  // React will automatically provide us with the event `e`
-  _handleChange(e) {
-    const name = e.target.value;
-    this.props.actions.updateName(name);
-  }
-
-  render() {
-    const $$helloWorldStore = this.props.$$helloWorldStore;
-    const name = $$helloWorldStore.get('name');
-    return (
-      <div>
-        <h3>
-          Hello, {name}!
-        </h3>
-        <p>
-          Say hello to:
-          <input type="text" value={name} onChange={this._handleChange} />
-        </p>
-      </div>
-    );
-  }
-}

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/constants/helloWorldConstants.jsx

@@ -1,8 +0,0 @@
-// See https://www.npmjs.com/package/mirror-creator
-// Allows us to easily setup constants inside of
-// client/app/bundles/HelloWorld/actions/helloWorldActionCreators.jsx
-import mirrorCreator from 'mirror-creator';
-
-export default mirrorCreator([
-  'HELLO_WORLD_NAME_UPDATE',
-]);

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/containers/HelloWorld.jsx

@@ -1,43 +0,0 @@
-import React, { PropTypes } from 'react';
-import HelloWorldWidget from '../components/HelloWorldWidget';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import Immutable from 'immutable';
-import * as helloWorldActionCreators from '../actions/helloWorldActionCreators';
-
-function select(state) {
-  // Which part of the Redux global state does our component want to receive as props?
-  // Note the use of `$$` to prefix the property name because the value is of type Immutable.js
-  return { $$helloWorldStore: state.$$helloWorldStore };
-}
-
-// Simple example of a React "smart" component
-class HelloWorld extends React.Component {
-  constructor(props, context) {
-    super(props, context);
-  }
-
-  static propTypes = {
-    dispatch: PropTypes.func.isRequired,
-
-    // This corresponds to the value used in function select above.
-    $$helloWorldStore: PropTypes.instanceOf(Immutable.Map).isRequired,
-  }
-
-  render() {
-    const { dispatch, $$helloWorldStore } = this.props;
-    const actions = bindActionCreators(helloWorldActionCreators, dispatch);
-
-    // This uses the ES2015 spread operator to pass properties as it is more DRY
-    // This is equivalent to:
-    // <HelloWorldWidget $$helloWorldStore={$$helloWorldStore} actions={actions} />
-    return (
-      <HelloWorldWidget {...{$$helloWorldStore, actions}} />
-    );
-  }
-}
-
-// Don't forget to actually use connect!
-// Note that we don't export HelloWorld, but the redux "connected" version of it.
-// See https://github.com/rackt/react-redux/blob/master/docs/api.md#examples
-export default connect(select)(HelloWorld);

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/reducers/helloWorldReducer.jsx

@@ -1,21 +0,0 @@
-import Immutable from 'immutable';
-
-import * as actionTypes from '../constants/helloWorldConstants';
-
-export const $$initialState = Immutable.fromJS({
-  name: '', // this is the default state that would be used if one were not passed into the store
-});
-
-export default function helloWorldReducer($$state = $$initialState, action) {
-  const { type, name } = action;
-
-  switch (type) {
-    case actionTypes.HELLO_WORLD_NAME_UPDATE: {
-      return $$state.set('name', name);
-    }
-
-    default: {
-      return $$state;
-    }
-  }
-}

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/reducers/index.jsx

@@ -1,14 +0,0 @@
-// This file is our manifest of all reducers for the app.
-// See also /client/app/bundles/HelloWorld/store/helloWorldStore.jsx
-// A real world app will likely have many reducers and it helps to organize them in one file.
-// `https://github.com/shakacode/react_on_rails/tree/master/docs/additional_reading/generated_client_code.md`
-import helloWorldReducer from './helloWorldReducer';
-import { $$initialState as $$helloWorldState } from './helloWorldReducer';
-
-export default {
-  $$helloWorldStore: helloWorldReducer,
-};
-
-export const initalStates = {
-  $$helloWorldState,
-};

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/startup/HelloWorldAppClient.jsx.tt

@@ -1,21 +0,0 @@
-<%- generator_function_name = options.server_rendering? ? "HelloWorldAppClient" : "HelloWorldApp" -%>
-import React from 'react';
-import { Provider } from 'react-redux';
-
-import createStore from '../store/helloWorldStore';
-import HelloWorld from '../containers/HelloWorld';
-
-// See documentation for https://github.com/rackt/react-redux.
-// This is how you get props from the Rails view into the redux store.
-// This code here binds your smart component to the redux store.
-const <%= generator_function_name %> = props => {
-  const store = createStore(props);
-  const reactComponent = (
-    <Provider store={store}>
-      <HelloWorld />
-    </Provider>
-  );
-  return reactComponent;
-};
-
-export default <%= generator_function_name %>;

data/lib/generators/react_on_rails/templates/redux/base/client/app/bundles/HelloWorld/store/helloWorldStore.jsx

@@ -1,35 +0,0 @@
-import { compose, createStore, applyMiddleware, combineReducers } from 'redux';
-
-// See https://github.com/gaearon/redux-thunk and http://redux.js.org/docs/advanced/AsyncActions.html
-// This is not actually used for this simple example, but you'd probably want to use this once your app has
-// asynchronous actions.
-import thunkMiddleware from 'redux-thunk';
-
-// This provides an example of logging redux actions to the console.
-// You'd want to disable this for production.
-import loggerMiddleware from 'lib/middlewares/loggerMiddleware';
-
-import reducers from '../reducers';
-import { initalStates } from '../reducers';
-
-export default props => {
-  // This is how we get initial props Rails into redux.
-  const { name } = props;
-  const { $$helloWorldState } = initalStates;
-
-  // Redux expects to initialize the store using an Object, not an Immutable.Map
-  const initialState = {
-    $$helloWorldStore: $$helloWorldState.merge({
-      name: name,
-    }),
-  };
-
-  const reducer = combineReducers(reducers);
-  const composedStore = compose(
-    applyMiddleware(thunkMiddleware, loggerMiddleware)
-  );
-  const storeCreator = composedStore(createStore);
-  const store = storeCreator(reducer, initialState);
-
-  return store;
-};

data/lib/generators/react_on_rails/templates/redux/base/client/app/lib/middlewares/loggerMiddleware.js

@@ -1,20 +0,0 @@
-/* eslint no-console: 0 */
-
-// This logger should be configured not to run in a production environment.
-// See https://github.com/petehunt/webpack-howto#6-feature-flags for you might turn this off for production.
-export default function logger({ getState }) {
-  return next => action => {
-    console.log('will dispatch', action);
-
-    // Call the next dispatch method in the middleware chain.
-    const result = next(action);
-
-    const immutableState = getState();
-
-    console.log('state after dispatch', JSON.stringify(immutableState));
-
-    // This will likely be the action itself, unless
-    // a middleware further in chain changed it.
-    return result;
-  };
-}

data/lib/generators/react_on_rails/templates/redux/server_rendering/client/app/bundles/HelloWorld/startup/HelloWorldAppServer.jsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-
-import createStore from '../store/helloWorldStore';
-import HelloWorld from '../containers/HelloWorld';
-
-// See documentation for https://github.com/rackt/react-redux.
-// This is how you get props from the Rails view into the redux store.
-// This code here binds your smart component to the redux store.
-// This is how the server redux gets hydrated with data.
-const HelloWorldAppServer = props => {
-  const store = createStore(props);
-  const reactComponent = (
-    <Provider store={store}>
-      <HelloWorld />
-    </Provider>
-  );
-  return reactComponent;
-};
-
-export default HelloWorldAppServer;