react-rails-generator 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 66943eab35a513046f76786edb170141e5f0b3e3
-  data.tar.gz: 5d2bd336671172faf959fa03615633041e9bed81
+  metadata.gz: c291ed05662e2ee59ddbdde7adf61b4168e7d3ae
+  data.tar.gz: 66131c9026fdd97bc8c198127789faff1a79b4a9
 SHA512:
-  metadata.gz: cf82fb4f11f096514375d746d85cef411fdea93f32038ed499a6b8943a9fc8427323f2a2069bd39ddf8bbfd5f9b9fa809d85c0636a174ef78a656a7cb2519c62
-  data.tar.gz: 15ea11d8914edccc46b2a6d3a942762a2f343098da56ca16e49963e4bd53f909a973525c8ec63d10dcdf0edc6f7f4aa4ceda48a0be43330e3542c7bee45db9d0
+  metadata.gz: fcee67245d976b3ab207bc7bf13e5dca9184679f89c9901d5743c8c048c50274fcff05a8e11e8bcd567c208f39a6a6cfcaf8fa927535527b7a16ac02bd448a2d
+  data.tar.gz: 1ff1173a6e5ba0a0c454fc19737d4e0bf651192f4f8ad101865d44b12c6d0c72fdf4bfd141028319a9f049bc0c3dc733323713bf6fb36a8059edc0ec8c47634d

data/bin/react-rails

@@ -1,7 +1,14 @@
 #!/usr/bin/env ruby
 
 require "generators/init_react"
+require "thor"
 
-system("rails new #{ARGV[0]}")
-InitReact.new(ARGV[0]).init
-Dir.chdir ARGV[0]
+class ReactRails < Thor
+	desc "new <project_name>", "Initialize a Rails project combine with React"
+	def new project_name
+		system("rails new #{project_name}")
+		InitReact.new(project_name).init
+	end
+end
+
+ReactRails.start(ARGV)

data/lib/generators/init_react.rb

@@ -18,20 +18,12 @@ class InitReact
     create_react_controller
     create_react_view
     add_to_routes
+    init_api
   end
 
   def create_babelrc
-    babelrc = <<-HEREDOC
-{
-  presets: [
-    "es2017",
-    "react",
-  ],
-  "plugins": [
-    "transform-class-properties",
-  ],
-}
-HEREDOC
+    file_path = File.join(File.dirname(__FILE__), "../templates/.babelrc")
+    babelrc = File.read(file_path)
 
     File.open("#{@app_name}/.babelrc", "w") do |f|
       f.write(babelrc)
@@ -50,22 +42,8 @@ HEREDOC
   end
 
   def create_app_jsx
-    app_jsx = <<-HEREDOC
-import getMuiTheme from "material-ui/styles/getMuiTheme";
-import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
-
-export default class App extends React.Component {
- render() {
-   return (
-     <MuiThemeProvider muiTheme={getMuiTheme()}>
-       <mui.Drawer open={true}>
-         <mui.MenuItem>FAQ</mui.MenuItem>
-       </mui.Drawer>
-     </MuiThemeProvider>
-   );
- }
-}
-HEREDOC
+    file_path = File.join(File.dirname(__FILE__), "../templates/jsx/app.jsx")
+    app_jsx = File.read(file_path)
 
     File.open("#{@app_name}/app/jsx/app.jsx", "w") do |f|
       f.write(app_jsx)
@@ -73,26 +51,8 @@ HEREDOC
   end
 
   def create_bootstrap_jsx
-    bootstrap_jsx = <<-HEREDOC
-import ReactDOM from "react-dom";
-import {Router, Route, Link, browserHistory} from "react-router"
-
-import injectTapEventPlugin from "react-tap-event-plugin";
-injectTapEventPlugin();
-
-import App from "./app";
-
-const router = (
-  <Router history={browserHistory}>
-    <Route path="/" component={App}>
-    </Route>
-  </Router>
-);
-
-$(document).on("ready page:load", function() {
- ReactDOM.render(router, document.getElementById("react-wrapper"));
-});
-HEREDOC
+    file_path = File.join(File.dirname(__FILE__), "../templates/jsx/bootstrap.jsx")
+    bootstrap_jsx = File.read(file_path)
 
     File.open("#{@app_name}/app/jsx/bootstrap.jsx", "w") do |f|
       f.write(bootstrap_jsx)
@@ -107,28 +67,8 @@ HEREDOC
   end
 
   def create_package_json
-    package_json = <<-HEREDOC
-{
-  "private": true,
-  "dependencies": {
-    "babel-core": "^6.18.2",
-    "babel-loader": "^6.2.7",
-    "babel-preset-es2017": "^1.4.0",
-    "babel-preset-react-hmre": "^1.1.1",
-    "babel-preset-react": "^6.16.0",
-    "babel-plugin-add-module-exports": "~0.2.1",
-    "babel-plugin-transform-class-properties": "~6.19.0",
-    "material-ui": "^0.16.0",
-    "react": "^15.4.0",
-    "react-addons-update": "^15.4.0",
-    "react-dom": "^15.4.0",
-    "react-router": "^3.0.0",
-    "react-tap-event-plugin": "^2.0.0",
-    "react-toastr": "^2.8.0",
-    "webpack": "~1.13.3"
-  }
-}
-HEREDOC
+    file_path = File.join(File.dirname(__FILE__), "../templates/package.json")
+    package_json = File.read(file_path)
 
     File.open("#{@app_name}/package.json", "w") do |f|
       f.write(package_json)
@@ -136,42 +76,8 @@ HEREDOC
   end
 
   def create_webpack_config
-    webpack_config = <<-HEREDOC
-var webpack = require("webpack");
-
-const paths = {
-  js: "./app/assets/javascripts/",
-  jsx: "./app/jsx/",
-}
-
-var alias = {
-  "react/lib/CSSPropertyOperations": "react-dom/lib/CSSPropertyOperations"
-};
-
-module.exports = {
-  entry: paths.jsx + "bootstrap.jsx",
-  output: {
-    path: paths.js,
-    filename: "react-app.js",
-  },
-  resolve: {
-    extensions: ['', '.js', '.jsx'],
-    alias: alias,
-  },
-  module: {
-    loaders: [{
-      test: /\.jsx?$/,
-      loaders: ['babel?cacheDirectory'],
-    }]
-  },
-  plugins: [
-    new webpack.ProvidePlugin({
-      React: "react",
-      mui: "material-ui",
-    })
-  ],
-}
-HEREDOC
+    file_path = File.join(File.dirname(__FILE__), "../templates/webpack.config.js")
+    webpack_config = File.read(file_path)
 
     File.open("#{@app_name}/webpack.config.js", "w") do |f|
       f.write(webpack_config)
@@ -179,12 +85,8 @@ HEREDOC
   end
 
   def create_react_controller
-    controller = <<-HEREDOC
-class ReactAppController < ApplicationController
-  def home
-  end
-end
-HEREDOC
+    file_path = File.join(File.dirname(__FILE__), "../templates/controllers/react_app_controller.rb")
+    controller = File.read(file_path)
 
     File.open("#{@app_name}/app/controllers/react_app_controller.rb", "w") do |f|
       f.write(controller)
@@ -213,4 +115,20 @@ HEREDOC
       f.write(routes.join)
     end
   end
+
+  def init_api
+    FileUtils::mkdir_p "#{@app_name}/app/jsx/CallAPI"
+
+    base_api_path = File.join(File.dirname(__FILE__), "../templates/jsx/CallAPI/BaseAPI.js")
+    base_api = File.read(base_api_path)
+    File.open("#{@app_name}/app/jsx/CallAPI/BaseAPI.js", "w") do |f|
+      f.write(base_api)
+    end
+
+    index_api_path = File.join(File.dirname(__FILE__), "../templates/jsx/CallAPI/index.jsx")
+    index_api = File.read(index_api_path)
+    File.open("#{@app_name}/app/jsx/CallAPI/index.jsx", "w") do |f|
+      f.write(index_api)
+    end
+  end
 end

data/lib/templates/.babelrc

@@ -0,0 +1,9 @@
+{
+  presets: [
+    "es2017",
+    "react",
+  ],
+  "plugins": [
+    "transform-class-properties",
+  ],
+}

data/lib/templates/controllers/react_app_controller.rb

@@ -0,0 +1,4 @@
+class ReactAppController < ApplicationController
+  def home
+  end
+end

data/lib/templates/jsx/CallAPI/BaseAPI.js

@@ -0,0 +1,29 @@
+export default class BaseAPI {
+  static sendAjax(callback, options) {
+    BaseAPI.requestNumber = BaseAPI.requestNumber || 0;
+    BaseAPI.requestNumber++;
+
+    options.success = (response) => {
+      if (callback) {
+        callback(response.status, response.data);
+      }
+    }
+
+    options.error = (xhr) => {
+      if (xhr.status == 422 || xhr.status == 401) {
+        return false;
+      }
+
+      if (callback) {
+        callback(false);
+      }
+    }
+
+    options.complete = () => {
+      BaseAPI.requestNumber--;
+    }
+
+    options.url = "/api/" + options.url;
+    $.ajax(options);
+  }
+}

data/lib/templates/jsx/CallAPI/index.jsx

@@ -0,0 +1,3 @@
+// Add modules api here
+module.exports = {
+};

data/lib/templates/jsx/app.jsx

@@ -0,0 +1,73 @@
+import getMuiTheme from "material-ui/styles/getMuiTheme";
+import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
+import NotificationsIcon from 'material-ui/svg-icons/social/notifications';
+
+class AppBarExampleComposition extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      logged: true,
+    };
+  }
+
+  handleChange = (event, logged) => {
+    this.setState({logged: logged});
+  };
+
+  render() {
+    return (
+      <div>
+        <h3>AppBar</h3>
+        <mui.Toggle
+          label="Logged"
+          defaultToggled={true}
+          onToggle={this.handleChange}
+          labelPosition="right"
+          style={{margin: 20}}
+        />
+        <mui.AppBar
+          title="Title"
+          iconElementRight={this.state.logged ? <mui.FlatButton label="Logged" /> : <mui.FlatButton label="Login" />}
+        />
+
+        <h3>Badge</h3>
+        <div>
+          <mui.Badge
+            badgeContent={4}
+            primary={true}
+          >
+            <NotificationsIcon />
+          </mui.Badge>
+          <mui.Badge
+            badgeContent={10}
+            secondary={true}
+            badgeStyle={{top: 12, right: 12}}
+          >
+            <mui.IconButton tooltip="Notifications">
+              <NotificationsIcon />
+            </mui.IconButton>
+          </mui.Badge>
+        </div>
+
+        <h3>Date Picker</h3>
+        <div>
+          <mui.DatePicker hintText="Portrait Dialog" />
+          <mui.DatePicker hintText="Landscape Dialog" mode="landscape" />
+          <mui.DatePicker hintText="Dialog Disabled" disabled={true} />
+        </div>
+      </div>
+    );
+  }
+}
+
+export default class App extends React.Component {
+ render() {
+   return (
+      <MuiThemeProvider muiTheme={getMuiTheme()}>
+        // You can replace AppBarExampleComposition to your code
+        <AppBarExampleComposition />
+      </MuiThemeProvider>
+   );
+ }
+}

data/lib/templates/jsx/bootstrap.jsx

@@ -0,0 +1,18 @@
+import ReactDOM from "react-dom";
+import {Router, Route, Link, browserHistory} from "react-router"
+
+import injectTapEventPlugin from "react-tap-event-plugin";
+injectTapEventPlugin();
+
+import App from "./app";
+
+const router = (
+  <Router history={browserHistory}>
+    <Route path="/" component={App}>
+    </Route>
+  </Router>
+);
+
+$(document).on("ready page:load", function() {
+ ReactDOM.render(router, document.getElementById("react-wrapper"));
+});

data/lib/templates/package.json

@@ -0,0 +1,20 @@
+{
+  "private": true,
+  "dependencies": {
+    "babel-core": "^6.18.2",
+    "babel-loader": "^6.2.7",
+    "babel-preset-es2017": "^1.4.0",
+    "babel-preset-react-hmre": "^1.1.1",
+    "babel-preset-react": "^6.16.0",
+    "babel-plugin-add-module-exports": "~0.2.1",
+    "babel-plugin-transform-class-properties": "~6.19.0",
+    "material-ui": "^0.16.0",
+    "react": "^15.4.0",
+    "react-addons-update": "^15.4.0",
+    "react-dom": "^15.4.0",
+    "react-router": "^3.0.0",
+    "react-tap-event-plugin": "^2.0.0",
+    "react-toastr": "^2.8.0",
+    "webpack": "~1.13.3"
+  }
+}

data/lib/templates/webpack.config.js

@@ -0,0 +1,34 @@
+var webpack = require("webpack");
+
+const paths = {
+  js: "./app/assets/javascripts/",
+  jsx: "./app/jsx/",
+}
+
+var alias = {
+  "react/lib/CSSPropertyOperations": "react-dom/lib/CSSPropertyOperations"
+};
+
+module.exports = {
+  entry: paths.jsx + "bootstrap.jsx",
+  output: {
+    path: paths.js,
+    filename: "react-app.js",
+  },
+  resolve: {
+    extensions: ['', '.js', '.jsx'],
+    alias: alias,
+  },
+  module: {
+    loaders: [{
+      test: /\.jsx?$/,
+      loaders: ['babel?cacheDirectory'],
+    }]
+  },
+  plugins: [
+    new webpack.ProvidePlugin({
+      React: "react",
+      mui: "material-ui",
+    })
+  ],
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: react-rails-generator
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Bach Van Ngoc
@@ -41,6 +41,14 @@ extra_rdoc_files: []
 files:
 - bin/react-rails
 - lib/generators/init_react.rb
+- lib/templates/.babelrc
+- lib/templates/controllers/react_app_controller.rb
+- lib/templates/jsx/CallAPI/BaseAPI.js
+- lib/templates/jsx/CallAPI/index.jsx
+- lib/templates/jsx/app.jsx
+- lib/templates/jsx/bootstrap.jsx
+- lib/templates/package.json
+- lib/templates/webpack.config.js
 homepage: https://github.com/NeverSmileK57CLC/react-rails-generator
 licenses:
 - MIT
@@ -61,7 +69,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.12
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: React Rails generator