breezy 0.5.5 → 0.5.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dbe2abbdcd65c8ff1a723ff25f966a3911b62d20
-  data.tar.gz: 99fcaf756ab0ed0b8e99f2eaf2b5ed3ff98862d8
+  metadata.gz: 6c761721a71765c3ed4b56408ee45634044b8227
+  data.tar.gz: 4c22efd905a87bc5725fde7aa6aa04073ed4d770
 SHA512:
-  metadata.gz: 499d93c621ca6e1cbbad91f1fa44ccd0f82b512c2f09e6ff62bfe60995288c96af8c0847c37999c05569635ec5b25b719fe329eed9a469a225c7adbc291f5f9b
-  data.tar.gz: 5651fca636aacfc7c1f68dc6f3440c0d39069516dd970317f3c58ab63b6081287cd75184029e2eaa64cac7b0373e9027603c8db57793ffd3d5aaed9505ebc0e0
+  metadata.gz: a81fa42b4230d6116136d874dd75b347a81b4f84063c20c8aa16c42d153a22db8102a946b7c27a72854b6ac3b3f6b1bbac79e40738609838757ab66b9fb9bd9f
+  data.tar.gz: 33cddac08eed8376c3e04ee7c70bcbeeafc108b1bea5674d1ba3bb5734862cf7be8ccc4144f2a83752caeff85ff51806061766180cfa20a22a5cf3f7820a6e26

data/lib/breezy/helpers.rb

@@ -22,7 +22,7 @@ module Breezy
     end
 
     def breezy_filter
-      filter = request.params[:_bz] || (session && session[:breezy_filter])
+      filter = request.params[:_bz]
 
       if filter
         filter.gsub(/[^\da-zA-Z\=\.]+/, '')

data/lib/breezy/xhr_headers.rb

@@ -19,6 +19,15 @@ module Breezy
 
       if request.xhr? && request.headers["X-BREEZY-REQUEST"]
         self.status = 200
+
+        if params['_bz'] && !url.include?('_bz')
+          parsed_url =  URI.parse(url)
+          qry_with_bz = URI.decode_www_form(String(parsed_url.query)) << ["_bz", params['_bz']]
+          parsed_url.query = URI.encode_www_form(qry_with_bz)
+
+          url = parsed_url.to_s
+        end
+
         response.headers["X-BREEZY-LOCATION"] = url
       end
 

data/lib/generators/rails/breezy_generator.rb

@@ -9,7 +9,6 @@ module Rails
       source_root File.expand_path('../templates', __FILE__)
 
       argument :attributes, type: :array, default: [], banner: 'field:type field:type'
-      class_option :platform, type: :string, default: 'web', enum: ['web', 'mobile']
 
       def create_root_folder
         path = File.join('app/views', controller_file_path)
@@ -26,21 +25,12 @@ module Rails
         %w(index show new edit).each do |view|
           @action_name = view
           filename = filename_with_jsx_extensions(view)
-          if options[:platform] == 'mobile'
-            template 'mobile/' + filename, File.join('app/views', controller_file_path, filename)
-          else
-            template 'web/' + filename, File.join('app/views', controller_file_path, filename)
-          end
+          template 'web/' + filename, File.join('app/views', controller_file_path, filename)
         end
 
         js_filename = [plural_table_name, 'form.jsx'].map(&:camelcase).join
-        if options[:platform] == 'mobile'
-          template 'mobile/form.jsx', File.join('app/components', js_filename)
-          template 'mobile/elements.js', File.join('app/components', 'elements.js')
-        else
-          template 'web/form.jsx', File.join('app/components', js_filename)
-          template 'web/base.jsx', File.join('app/components', 'BaseScreen.jsx')
-        end
+        template 'web/form.jsx', File.join('app/components', js_filename)
+        template 'web/base.jsx', File.join('app/components', 'BaseScreen.jsx')
 
         %w(index show new edit).each do |view|
           append_mapping(view)
@@ -50,11 +40,7 @@ module Rails
 
       protected
         def append_mapping(action)
-          if options[:platform] == 'mobile'
-            app_js = 'App.js'
-          else
-            app_js = 'app/javascript/packs/application.js'
-          end
+          app_js = 'app/javascript/packs/application.js'
 
           base_parts = class_path + [file_name]
           destination =  File.join("views", base_parts)

data/lib/generators/rails/scaffold_controller_generator.rb

@@ -5,7 +5,6 @@ module Rails
   module Generators
     class ScaffoldControllerGenerator
       source_paths << File.expand_path('../templates', __FILE__)
-      class_option :platform, type: :string, desc:'Indicates to generate React web or native components', default: 'web', enum: ['web', 'mobile']
 
       hook_for :breezy, type: :boolean, default: true
     end

data/lib/generators/rails/templates/edit.js.props

@@ -12,7 +12,5 @@ json.attributes_for_form do
 <%- end -%>
 end
 
-json.meta do
-  json.show_path <%=singular_table_name%>_path(@<%=singular_table_name%>)
-  json.index_path <%= plural_table_name %>_path
-end
+json.post_path <%= singular_table_name%>_path(@<%=singular_table_name%>)
+json.posts_path <%= plural_table_name %>_path

data/lib/generators/rails/templates/index.js.props

@@ -3,11 +3,8 @@ json.<%= plural_table_name %> do
     <%- attributes_list_with_timestamps.each do |attr| -%>
     json.<%=attr%> <%= singular_table_name %>.<%=attr%>
     <%- end -%>
-    json.meta do
-      json.edit_path edit_<%=singular_table_name%>_path(<%=singular_table_name%>)
-      json.show_path <%=singular_table_name%>_path(<%=singular_table_name%>)
-      json.delete_path <%=singular_table_name%>_path(<%=singular_table_name%>)
-    end
+    json.edit_post_path edit_<%=singular_table_name%>_path(<%=singular_table_name%>)
+    json.post_path <%=singular_table_name%>_path(<%=singular_table_name%>)
   end
 end
 
@@ -15,6 +12,4 @@ if notice
   json.notice notice
 end
 
-json.meta do
-  json.new_path new_<%= singular_table_name %>_path
-end
+json.new_post_path new_<%= singular_table_name %>_path

data/lib/generators/rails/templates/new.js.props

@@ -2,6 +2,4 @@ if @<%= singular_table_name %>.errors.any?
   json.errors @<%= singular_table_name %>.errors.to_h
 end
 
-json.meta do
-  json.index_path <%= plural_table_name %>_path
-end
+json.<%= plural_table_name %>_path <%= plural_table_name %>_path

data/lib/generators/rails/templates/show.js.props

@@ -6,7 +6,5 @@ if notice
   json.notice notice
 end
 
-json.meta do
-  json.index_path <%= plural_table_name %>_path
-  json.edit_path edit_<%= singular_table_name %>_path(@<%= singular_table_name %>)
-end
+json.<%= plural_table_name %>_path <%= plural_table_name %>_path
+json.edit_<%= singular_table_name %>_path edit_<%= singular_table_name %>_path(@<%= singular_table_name %>)

data/lib/generators/rails/templates/web/edit.jsx

@@ -1,26 +1,24 @@
 import React from 'react'
 import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import {delInPage} from '@jho406/breezy/dist/action_creators'
 import {connect} from 'react-redux'
 import BaseScreen from 'components/BaseScreen'
-import {SubmissionError} from 'redux-form'
 import <%= plural_table_name.camelize %>Form from 'components/<%= plural_table_name.camelize %>Form'
 
 class <%= plural_table_name.camelize %>Edit extends BaseScreen {
-  handleSubmit = (body) => {
+  formRef = React.createRef()
+
+  handleSubmit = (values, {setSubmitting}) => {
     this.props.delInPage({pageKey: this.props.pageKey, keypath: 'errors'})
 
     const options = {
       method:'PUT',
-      body: JSON.stringify(body),
+      body: JSON.stringify(values),
     }
-    const path = '/<%= plural_table_name %>/' + this.props.id
 
-    this.visit(path, options).then( rsp => {
+    this.visit(this.props.<%= singular_table_name %>, options).then( rsp => {
+      setSubmitting(false)
       if (this.props.errors) {
-        throw new SubmissionError({
-          ...this.props.errors
-        })
+        this.formRef.current.setErrors(this.props.errors)
       }
     })
   }
@@ -29,12 +27,12 @@ class <%= plural_table_name.camelize %>Edit extends BaseScreen {
     return (
       <div>
         <<%= plural_table_name.camelize %>Form
-          error={this.props.error}
           onSubmit={this.handleSubmit}
           initialValues={this.props.attributes_for_form}
+          ref={this.formRef}
         />
-        <a onClick={ e => this.visit(this.props.meta.show_path)}>Show</a>
-        <a onClick={ e => this.visit(this.props.meta.index_path)}>Back</a>
+        <a onClick={ e => this.visit(this.props.post_path)}>Show</a>
+        <a onClick={ e => this.visit(this.props.posts_path)}>Back</a>
       </div>
     )
   }
@@ -42,7 +40,7 @@ class <%= plural_table_name.camelize %>Edit extends BaseScreen {
 
 export default connect(
   mapStateToProps,
-  {...mapDispatchToProps, delInPage}
+  mapDispatchToProps
 )(<%= plural_table_name.camelize %>Edit)
 
 

data/lib/generators/rails/templates/web/form.jsx

@@ -1,37 +1,31 @@
 import React from 'react'
-import { Field, reduxForm, stopSubmit, touch} from 'redux-form'
+import { Formik, Form, Field } from 'formik';
 
-const RenderField = ({ input, label, type, meta: { touched, error } }) => (
-  <div>
-    <label>{label}</label>
-    <div>
-      <input {...input} placeholder={label} type={type} />
-      {touched && error && <span>{error}</span>}
-    </div>
-  </div>
-)
-
-const SimpleForm = props => {
-  const { error, handleSubmit, initialValue } = props
-
-  return (
-    <form onSubmit={handleSubmit}>
-      <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
-      <label><%=attr.to_s.humanize%></label>
-      <Field
-        name="<%=attr.to_s.camelize(:lower)%>"
-        component={RenderField}
-        type="text"
-      />
-      <%- end -%>
-      <button type="submit">
-        Submit
-      </button>
-    </form>
-  )
-}
-
-export default reduxForm({
-  form: '<%=plural_table_name%>_form' // a unique identifier for this form
-})(SimpleForm)
+export default React.forwardRef(
+  ({initialValues = {
+  <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
+    <%=attr.to_s%>:'',
+  <%- end -%>
+  }, onSubmit}, ref) => {
+   return (
+     <Formik
+        initialValues={initialValues}
+        onSubmit={onSubmit}
+        ref={ref}
+      >
+        {({ errors, touched, isSubmitting }) => (
+          <Form>
+          <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
+            <Field type="text" name="<%=attr.to_s%>" />
+            {errors.<%=attr.to_s%> && touched.<%=attr.to_s%> && errors.<%=attr.to_s%>}
+          <%- end -%>
 
+            <button type="submit" disabled={isSubmitting}>
+              Submit
+            </button>
+          </Form>
+        )}
+      </Formik>
+    )
+  }
+)

data/lib/generators/rails/templates/web/index.jsx

@@ -15,9 +15,9 @@ class <%= plural_table_name.camelize %>Index extends BaseScreen {
           <%- attributes_list.select{|attr| attr != :id }.each do |attr| -%>
           <td>{<%=singular_table_name%>.<%=attr%>}</td>
           <%- end -%>
-          <td><a onClick={ e => this.visit(<%=singular_table_name%>.meta.show_path)}>Show</a></td>
-          <td><a onClick={ e => this.visit(<%=singular_table_name%>.meta.edit_path)}>Edit</a></td>
-          <td><a onClick={ e => this.visit(<%=singular_table_name%>.meta.delete_path, {method: 'DELETE'})}>Delete</a></td>
+          <td><a onClick={ e => this.visit(<%=singular_table_name%>.post_path)}>Show</a></td>
+          <td><a onClick={ e => this.visit(<%=singular_table_name%>.edit_post_path)}>Edit</a></td>
+          <td><a onClick={ e => this.visit(<%=singular_table_name%>.post_path, {method: 'DELETE'})}>Delete</a></td>
         </tr>
       )
     })
@@ -43,7 +43,7 @@ class <%= plural_table_name.camelize %>Index extends BaseScreen {
           </tbody>
         </table>
         <br />
-        <a onClick={ e => this.visit(this.props.meta.new_path)}>New <%= singular_table_name.capitalize %></a>
+        <a onClick={ e => this.visit(this.props.new_post_path)}>New <%= singular_table_name.capitalize %></a>
       </div>
     )
   }

data/lib/generators/rails/templates/web/new.jsx

@@ -1,38 +1,36 @@
 import React from 'react'
 import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import {delInPage} from '@jho406/breezy/dist/action_creators'
 import {connect} from 'react-redux'
 import BaseScreen from 'components/BaseScreen'
-import {SubmissionError} from 'redux-form'
 import <%= plural_table_name.camelize %>Form from 'components/<%= plural_table_name.camelize %>Form'
 
 class <%= plural_table_name.camelize %>New extends BaseScreen {
-  handleSubmit = (body) => {
+  formRef = React.createRef()
+
+  handleSubmit = (values, {setSubmitting}) => {
     this.props.delInPage({pageKey: this.props.pageKey, keypath: 'errors'})
 
     const options = {
       method:'POST',
-      body: JSON.stringify(body),
+      body: JSON.stringify(values),
     }
 
-    this.visit('/<%= plural_table_name %>', options).then( rsp => {
+    this.visit(this.props.<%= plural_table_name %>_path, options).then( rsp => {
+      setSubmitting(false)
       if (this.props.errors) {
-        throw new SubmissionError({
-          ...this.props.errors
-        })
+        this.formRef.current.setErrors(this.props.errors)
       }
     })
-
   }
 
   render () {
     return (
       <div>
         <<%= plural_table_name.camelize %>Form
-          error={this.props.error}
           onSubmit={this.handleSubmit}
+          ref={this.formRef}
         />
-        <a onClick={ e => this.visit(this.props.meta.index_path)}>Back</a>
+        <a onClick={ e => this.visit(this.props.<%= plural_table_name %>_path)}>Back</a>
       </div>
     )
   }
@@ -40,6 +38,6 @@ class <%= plural_table_name.camelize %>New extends BaseScreen {
 
 export default connect(
   mapStateToProps,
-  {...mapDispatchToProps, delInPage}
+  mapDispatchToProps
 )(<%= plural_table_name.camelize %>New)
 

data/lib/generators/rails/templates/web/show.jsx

@@ -14,8 +14,8 @@ class <%= plural_table_name.camelize %>Show extends BaseScreen {
           {this.props.<%=attr%>}
         </p>
         <%- end -%>
-        <a onClick={ e => this.visit(this.props.meta.edit_path)}>Edit</a>
-        <a onClick={ e => this.visit(this.props.meta.index_path)}>Back</a>
+        <a onClick={ e => this.visit(this.props.edit_<%= singular_table_name %>_path)}>Edit</a>
+        <a onClick={ e => this.visit(this.props.<%= plural_table_name %>_path )}>Back</a>
       </div>
     )
   }

data/lib/install/templates/web/application.js

@@ -4,7 +4,6 @@ import thunk from 'redux-thunk'
 import { Provider } from 'react-redux'
 import { render } from 'react-dom'
 import createHistory from 'history/createBrowserHistory'
-import { reducer as formReducer } from 'redux-form'
 import Breezy from '@jho406/breezy'
 
 // This mapping can be auto populate through
@@ -29,7 +28,6 @@ const {reducer, initialState, Nav, connect} = Breezy.start({
 const store = createStore(
   combineReducers({
     ...reducer,
-    form: formReducer
   }),
   initialState,
   applyMiddleware(thunk)

data/lib/install/web.rb

@@ -85,7 +85,7 @@ say "Adding required member methods to ApplicationRecord"
 add_member_methods
 
 say "Installing React, Redux, and Breezy"
-run "yarn add react-redux redux react react-dom babel-preset-react prop-types redux-form @jho406/breezy --save"
+run "yarn add react-redux redux react react-dom babel-preset-react prop-types formik @jho406/breezy --save"
 run "yarn add babel-plugin-module-resolver --save-dev"
 
 say "Updating webpack paths to include .jsx file extension"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: breezy
 version: !ruby/object:Gem::Version
-  version: 0.5.5
+  version: 0.5.6
 platform: ruby
 authors:
 - Johny Ho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-06 00:00:00.000000000 Z
+date: 2018-10-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.5.5
+        version: 0.5.6
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.5.5
+        version: 0.5.6
 - !ruby/object:Gem::Dependency
   name: webpacker
   requirement: !ruby/object:Gem::Requirement
@@ -164,21 +164,11 @@ files:
 - lib/breezy/x_domain_blocker.rb
 - lib/breezy/xhr_headers.rb
 - lib/breezy/xhr_url_for.rb
-- lib/generators/breezy/view/templates/view.js.breezy
-- lib/generators/breezy/view/templates/view.jsx.mobile
-- lib/generators/breezy/view/templates/view.jsx.web
-- lib/generators/breezy/view/view_generator.rb
 - lib/generators/rails/breezy_generator.rb
 - lib/generators/rails/scaffold_controller_generator.rb
 - lib/generators/rails/templates/controller.rb.tt
 - lib/generators/rails/templates/edit.js.props
 - lib/generators/rails/templates/index.js.props
-- lib/generators/rails/templates/mobile/edit.jsx
-- lib/generators/rails/templates/mobile/elements.js
-- lib/generators/rails/templates/mobile/form.jsx
-- lib/generators/rails/templates/mobile/index.jsx
-- lib/generators/rails/templates/mobile/new.jsx
-- lib/generators/rails/templates/mobile/show.jsx
 - lib/generators/rails/templates/new.js.props
 - lib/generators/rails/templates/show.js.props
 - lib/generators/rails/templates/web/base.jsx
@@ -187,12 +177,6 @@ files:
 - lib/generators/rails/templates/web/index.jsx
 - lib/generators/rails/templates/web/new.jsx
 - lib/generators/rails/templates/web/show.jsx
-- lib/install/mobile.rb
-- lib/install/templates/mobile/app.js
-- lib/install/templates/mobile/app.json
-- lib/install/templates/mobile/babelrc
-- lib/install/templates/mobile/package.json
-- lib/install/templates/mobile/rn-cli.config.js
 - lib/install/templates/web/application.js
 - lib/install/templates/web/babelrc
 - lib/install/templates/web/initializer.rb

data/lib/generators/breezy/view/templates/view.js.breezy

@@ -1,17 +0,0 @@
-# Example:
-#
-# json.notice notice
-#
-# json.posts do
-#   json.array! @posts do |post|
-#     json.id post.id
-#     json.title post.title
-#     json.body post.body
-#
-#     json.show_url post_path(post)
-#     json.edit_url edit_post_path(post)
-#     json.delete_url post_path(post)
-#   end
-# end
-#
-json.greetings 'Change me'

data/lib/generators/breezy/view/templates/view.jsx.mobile

@@ -1,21 +0,0 @@
-import React from 'react'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import { connect } from 'react-redux'
-import {View, Text} from 'react-native'
-
-class <%= @js_filename %> extends React.Component {
-  render () {
-    return (
-      <View> 
-        <Text>
-          {this.props.greetings}
-        </Text>
-      </View>
-    )
-  }
-}
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(<%= @js_filename %>)

data/lib/generators/breezy/view/templates/view.jsx.web

@@ -1,24 +0,0 @@
-import React from 'react'
-import {mapStateToProps, mapDispatchToProps, withBrowserBehavior} from '@jho406/breezy'
-import { connect } from 'react-redux'
-
-class <%= @js_filename %> extends React.Component {
-  constructor (props) {
-    super(props)
-    const {visit, remote} = withBrowserBehavior(props.visit, props.remote)
-    this.visit = visit.bind(this)
-    this.remote = remote.bind(this)
-  }
-
-  render () {
-    return (
-      <div> {this.props.greetings}
-      </div>
-    )
-  }
-}
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(<%= @js_filename %>)

data/lib/generators/breezy/view/view_generator.rb

@@ -1,68 +0,0 @@
-module Breezy
-  module Generators
-    class ViewGenerator < ::Rails::Generators::NamedBase
-       desc <<-DESC
-Description:
-    Creates a content view and jsx view.
-DESC
-      class_option :target,
-        aliases: '-t',
-        type: :string,
-        default: 'web',
-        desc: 'Specify target platform',
-        enum: ['web', 'mobile']
-
-      argument :actions, type: :array, default: [], banner: "action action"
-
-      def self.source_root
-        @source_root ||= File.expand_path(File.join(File.dirname(__FILE__), 'templates'))
-      end
-
-      def copy_view_files
-        base_parts = class_path + [file_name]
-        destination =  File.join("app/views", base_parts)
-
-
-        actions.each do |action|
-          @action = action
-          @js_filename = (base_parts + [action]).map(&:camelcase).join
-          @content_path =  File.join(destination, "#{@action}.js.props")
-
-          if options[:target] == 'mobile'
-            @view_ext = 'jsx.mobile'
-          else
-            @view_ext = 'jsx.web' #todo fix me
-          end
-
-          @view_path = File.join(destination, "#{@action}.jsx")
-
-          template "view.#{@view_ext}", @view_path
-          template 'view.js.breezy', @content_path
-        end
-      end
-
-      def append_mapping
-        if options[:platform] == 'mobile'
-          app_js = 'App.js'
-        else
-          app_js = 'app/javascript/packs/application.js'
-        end
-
-        base_parts = class_path + [file_name]
-        destination =  File.join("views", base_parts)
-
-        actions.each do |action|
-          @js_filename = (base_parts + [action]).map(&:camelcase).join
-
-          inject_into_file app_js, after: "from '@jho406/breezy'" do
-            "\nimport #{@js_filename} from '#{destination}/#{action}'"
-          end
-
-          inject_into_file app_js, after: 'const mapping = {' do
-            "\n  #{@js_filename},"
-          end
-        end
-      end
-    end
-  end
-end

data/lib/generators/rails/templates/mobile/edit.jsx

@@ -1,76 +0,0 @@
-import React from 'react'
-import {submit} from 'redux-form'
-import {Header} from 'react-native-elements'
-import {SubmissionError} from 'redux-form'
-import {View} from 'react-native'
-import {connect} from 'react-redux'
-import {delInPage} from '@jho406/breezy/dist/action_creators'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import <%= plural_table_name.camelize %>Form from 'components/<%= plural_table_name.camelize %>Form'
-import {Container, BarSaveAndGoBack, BarCancel} from 'components/elements'
-
-class <%= plural_table_name.camelize %>Edit extends React.Component {
-  constructor (props) {
-    super(props)
-    this.submit = this.submit.bind(this)
-    this.remoteSubmit = this.remoteSubmit.bind(this)
-  }
-
-  submit (body) {
-    const options = {
-      method: 'PATCH',
-      body: JSON.stringify(body),
-      contentType: 'application/json'
-    }
-
-    this.props.delInPage({pageKey: this.props.pageKey, keypath: 'errors'})
-    return this.props.visit('/<%= plural_table_name %>/' + this.props.id, options).then((rsp) => {
-      if (this.props.errors) {
-        throw new SubmissionError({
-          ...this.props.errors
-        })
-      }
-      if (rsp.canNavigate) {
-        return this.props.navigation.goBack()
-      } else {
-        // There can only ve one visit at a time, if `canNavigate`
-        // is false, then this request is being ignored for a more
-        // recent visit. Do Nothing.
-        return
-      }
-
-    }).catch((err) => {
-      if (err instanceof SubmissionError) {
-        throw err
-      } else {
-        //handle other errors here
-      }
-    })
-  }
-
-  remoteSubmit () {
-    this.props.remoteSubmit('<%=plural_table_name%>_form')
-  }
-
-  render () {
-    const headerOptions = {
-      leftComponent: (<BarSaveAndGoBack onPress={this.remoteSubmit} />),
-      rightComponent: (<BarCancel onPress={e => this.props.navigation.goBack()} />)
-    }
-    return (
-      <View>
-        <Header {...headerOptions}/>
-        <Container>
-          <<%= plural_table_name.camelize %>Form error={this.props.error} onSubmit={this.submit} initialValues={this.props.attributes_for_form}/>
-        </Container>
-      </View>
-    )
-  }
-}
-
-export default connect(
-  mapStateToProps,
-  {...mapDispatchToProps, remoteSubmit: submit, delInPage}
-)(<%= plural_table_name.camelize %>Edit)
-
-

data/lib/generators/rails/templates/mobile/elements.js

@@ -1,88 +0,0 @@
-import React from 'react'
-import {View, Text, ScrollView, TouchableOpacity, Alert} from 'react-native'
-import {Header, Card, ListItem, Icon, Button} from 'react-native-elements'
-
-export function Container(props) {
-  return <ScrollView contentContainerStyle={{paddingBottom: 100, flexDirection: 'column'}}>
-    {props.children}
-  </ScrollView>
-}
-
-export function BarSaveAndGoBack({onPress}) {
-  return (
-    <TouchableOpacity onPress={onPress} style={{flex: 1, flexDirection: 'row', alignItems: 'flex-end'}}>
-      <Icon
-        name='chevron-left'
-        color='#fff'
-        size={18}
-        underlayColor='rgba(0, 0, 0, 0)'
-      />
-      <Text style={{color: '#fff'}}>SAVE AND GO BACK</Text>
-    </TouchableOpacity>
-  )
-}
-
-export function BarGoBack({onPress}) {
-  return (
-    <TouchableOpacity onPress={onPress} style={{flex: 1, flexDirection: 'row', alignItems: 'flex-end'}}>
-      <Icon
-        name='chevron-left'
-        color='#fff'
-        size={18}
-        underlayColor='rgba(0, 0, 0, 0)'
-      />
-      <Text style={{color: '#fff'}}>BACK</Text>
-    </TouchableOpacity>
-  )
-}
-
-export function BarCancel({onPress}) {
-  return (
-    <TouchableOpacity onPress={onPress} style={{flex: 1, flexDirection: 'row', alignItems: 'flex-end'}}>
-      <Text style={{color: '#fff'}}>CANCEL</Text>
-    </TouchableOpacity>
-  )
-}
-
-export function BarNew ({onPress}) {
-  return (
-    <TouchableOpacity
-      onPress={onPress}
-      style={{flex: 1, flexDirection: 'row', alignItems: 'flex-end'}}>
-      <Icon
-        name='note-add'
-        color='#fff'
-        size={18}
-        underlayColor='rgba(0, 0, 0, 0)'
-      />
-      <Text style={{color: '#fff'}}>NEW</Text>
-    </TouchableOpacity>
-   )
-}
-
-export function IconDelete({onPress}) {
-  return <Icon
-    raised
-    name='close'
-    color='#f50'
-    size={13}
-    onPress={onPress}/>
-}
-export function IconEdit({onPress}) {
-  return <Icon
-    raised
-    name='mode-edit'
-    color='#f50'
-    size={13}
-    onPress={onPress}/>
-
-}
-export function IconShow({onPress}) {
-  return <Icon
-    raised
-    name='more-horiz'
-    color='#f50'
-    size={13}
-    onPress={onPress}/>
-}
-

data/lib/generators/rails/templates/mobile/form.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { Field, reduxForm, stopSubmit, touch} from 'redux-form'
-import {View, Text} from 'react-native'
-import { FormLabel, FormInput, FormValidationMessage } from 'react-native-elements'
-
-const RenderField = ({ input, label, type, meta: { touched, error } }) => {
-  return (
-    <View>
-      <FormLabel><Text>{label}</Text></FormLabel>
-      <FormInput onChangeText={input.onChange} value={input.value} placeholder={`Please enter ${label}`}/>
-      {touched && error && <FormValidationMessage><Text>{error}</Text></FormValidationMessage>}
-    </View>
-  )
-}
-const SimpleForm = props => {
-  const { error, handleSubmit, initialValue } = props
-
-  return (
-    <View><% attributes_list.select{|attr| attr != :id }.each do |attr| %>
-      <Field
-        name="<%=attr.to_s.camelize(:lower)%>"
-        label="<%=attr.to_s.humanize%>"
-        component={RenderField}
-        type="text"
-      />
-    <%end%></View>
-  )
-}
-
-export default reduxForm({
-  form: '<%=plural_table_name%>_form' // a unique identifier for this form
-})(SimpleForm)
-
-

data/lib/generators/rails/templates/mobile/index.jsx

@@ -1,103 +0,0 @@
-import React from 'react'
-import {mapDispatchToProps, mapStateToProps} from '@jho406/breezy'
-import {connect} from 'react-redux'
-import {View, Text, TouchableOpacity, Alert} from 'react-native'
-import {Header, Card} from 'react-native-elements'
-import DropdownAlert from 'react-native-dropdownalert';
-import {Container, IconDelete, IconEdit, IconShow, BarNew} from 'components/elements'
-
-class <%= plural_table_name.camelize %>Index extends React.Component {
-  static defaultProps = {
-    <%= plural_table_name %>: []
-  }
-
-  constructor (props) {
-    super(props)
-    this.handleClick = this.handleClick.bind(this)
-    this.handleDeleteClick = this.handleDeleteClick.bind(this)
-  }
-
-  handleDeleteClick(path) {
-    const method = 'DELETE'
-
-    Alert.alert(
-      'Wait!',
-      'Are you sure you want to delete this <%=singular_table_name%>?',
-      [
-        {
-          text: 'Delete',
-          onPress: e => {this.props.visit(path, {method})},
-          style: 'destructive'
-         },
-        { text: 'Cancel', style: 'cancel' },
-      ],
-      { cancelable: false }
-    )
-  }
-
-  handleClick(path, method='GET') {
-    const nav = this.props.navigation
-    this.props.visit(path, {method}).then((rsp)=>{
-      if (rsp.canNavigate) {
-        return nav.navigate(rsp.screen, {pageKey: rsp.pageKey})
-      } else {
-        // There can only be one visit at a time, if `canNavigate`
-        // is false, then this request is being ignored for a more
-        // recent visit. Do Nothing.
-        return
-      }
-    })
-  }
-
-  showNotice (message) {
-    if (message) {
-      setImmediate(() => {
-        this.dropdown.alertWithType('success', 'Success', message);
-      })
-
-      return <DropdownAlert ref={ref => this.dropdown = ref} translucent={true}/>
-   } else {
-      return null
-   }
-  }
-
-  render () {
-    const headerOptions = {
-      centerComponent: { text: 'POSTS', style: { color: '#fff' } },
-      rightComponent: (<BarNew
-        onPress={e => this.handleClick('/<%=plural_table_name%>/new')}
-      />)
-    }
-
-    return (
-      <View>
-        <Header {...headerOptions}/>
-        <Container>
-          {this.props.<%=plural_table_name%>.map((<%=singular_table_name%>) => {
-            const {show_path, edit_path, delete_path} = <%=singular_table_name%>.meta
-            return (
-              <Card key={<%=singular_table_name%>.id}>
-                <TouchableOpacity>
-                  <% attributes_list.select{|attr| attr != :id }.each do |attr| %><Text style={{marginBottom: 10}}>{<%=singular_table_name%>.<%=attr%>}</Text>
-<% end %>
-                </TouchableOpacity>
-                <View style={{flex: 1, justifyContent: 'flex-end', flexDirection: 'row'}}>
-                  <IconDelete onPress={e => this.handleDeleteClick(delete_path)}/>
-                  <IconEdit onPress={e => this.handleClick(edit_path)}/>
-                  <IconShow onPress={e => this.handleClick(show_path)}/>
-                </View>
-              </Card>
-            )
-        })}
-        </Container>
-      {this.showNotice(this.props.notice)}
-      </View>
-    )
-  }
-}
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(<%= plural_table_name.camelize %>Index)
-

data/lib/generators/rails/templates/mobile/new.jsx

@@ -1,75 +0,0 @@
-import React from 'react'
-import {submit} from 'redux-form'
-import {Header} from 'react-native-elements'
-import {SubmissionError} from 'redux-form'
-import {View} from 'react-native'
-import {connect} from 'react-redux'
-import {delInPage} from '@jho406/breezy/dist/action_creators'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import <%= plural_table_name.camelize %>Form from 'components/<%= plural_table_name.camelize %>Form'
-import {Container, BarSaveAndGoBack, BarCancel} from 'components/elements'
-
-class <%= plural_table_name.camelize %>New extends React.Component {
-  constructor (props) {
-    super(props)
-    this.submit = this.submit.bind(this)
-    this.remoteSubmit = this.remoteSubmit.bind(this)
-  }
-
-  submit (body) {
-    const options = {
-      method: 'POST',
-      body: JSON.stringify(body),
-      contentType: 'application/json'
-    }
-
-    this.props.delInPage({pageKey: this.props.pageKey, keypath: 'errors'})
-    return this.props.visit('/<%= plural_table_name %>', options).then((rsp) => {
-      if (this.props.errors) {
-        throw new SubmissionError({
-          ...this.props.errors
-        })
-      }
-      if (rsp.canNavigate) {
-        return this.props.navigation.goBack()
-      } else {
-        // There can only ve one visit at a time, if `canNavigate`
-        // is false, then this request is being ignored for a more
-        // recent visit. Do Nothing.
-        return
-      }
-    }).catch((err) => {
-      if (err instanceof SubmissionError) {
-        throw err
-      } else {
-        //handle other errors here
-      }
-    })
-  }
-
-  remoteSubmit () {
-    this.props.remoteSubmit('<%=plural_table_name%>_form')
-  }
-
-  render () {
-    const headerOptions = {
-      leftComponent: (<BarSaveAndGoBack onPress={this.remoteSubmit} />),
-      rightComponent: (<BarCancel onPress={e => this.props.navigation.goBack()} />)
-    }
-
-    return (
-      <View>
-        <Header {...headerOptions}/>
-        <Container>
-          <<%= plural_table_name.camelize %>Form error={this.props.error} onSubmit={this.submit}/>
-        </Container>
-      </View>
-    )
-  }
-}
-
-export default connect(
-  mapStateToProps,
-  {...mapDispatchToProps, remoteSubmit: submit, delInPage}
-)(<%= plural_table_name.camelize %>New)
-

data/lib/generators/rails/templates/mobile/show.jsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import {mapStateToProps, mapDispatchToProps} from '@jho406/breezy'
-import {connect} from 'react-redux'
-import {Text, View} from 'react-native'
-import {Header, Card} from 'react-native-elements'
-import {Container, BarGoBack} from 'components/elements'
-
-class <%= plural_table_name.camelize %>Show extends React.Component {
-  render() {
-    const headerOptions = {
-      leftComponent: (<BarGoBack onPress={ e => this.props.navigation.goBack()} />)
-    }
-
-    return (
-      <View>
-        <Header {...headerOptions}/>
-        <Container>
-          <Card><% attributes_list_with_timestamps.select{|attr| attr != :id }.each do |attr| %>
-            <Text style={{fontWeight: 'bold'}}><%=attr%></Text>
-            <Text>{this.props.<%=attr%>}</Text><% end %>
-          </Card>
-        </Container>
-      </View>
-    )
-  }
-}
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(<%= plural_table_name.camelize %>Show)
-

data/lib/install/mobile.rb

@@ -1,54 +0,0 @@
-babelrc = Rails.root.join(".babelrc")
-
-if File.exist?(babelrc)
-  react_babelrc = JSON.parse(File.read(babelrc))
-  react_babelrc["presets"] ||= []
-  react_babelrc["plugins"] ||= []
-
-  if !react_babelrc["presets"].include?("react")
-    react_babelrc["presets"].push("react")
-    say "Copying react preset to your .babelrc file"
-
-    File.open(babelrc, "w") do |f|
-      f.puts JSON.pretty_generate(react_babelrc)
-    end
-  end
-
-  if !react_babelrc["plugins"].any?{|plugin| Array(plugin).include?("module-resolver")}
-    react_babelrc["plugins"].push(["module-resolver", {
-      "root": ["./app"],
-      "alias": {
-        "views": "./app/views",
-        "components": "./app/components",
-        "javascripts": "./app/javascripts"
-      }
-    }])
-
-    say "Copying module-resolver preset to your .babelrc file"
-
-    File.open(babelrc, "w") do |f|
-      f.puts JSON.pretty_generate(react_babelrc)
-    end
-  end
-
-else
-  say "Copying .babelrc to app root"
-  copy_file "#{__dir__}/templates/mobile/babelrc", Rails.root.join(".babelrc")
-end
-
-say "Copying application.js file to app root"
-copy_file "#{__dir__}/templates/mobile/app.js", Rails.root.join("App.js")
-
-say "Copying rn-cli.config.js file to app root"
-copy_file "#{__dir__}/templates/mobile/rn-cli.config.js", Rails.root.join("rn-cli.config.js")
-
-say "Copying app.json expo file to app root"
-copy_file "#{__dir__}/templates/mobile/app.json", Rails.root.join("app.json")
-
-say "Copying package.json expo file to app root"
-copy_file "#{__dir__}/templates/mobile/package.json", Rails.root.join("package.json")
-
-say "Installing all breezy dependencies"
-run "yarn"
-
-say "Rails Breezy and ReactNative! 🎉", :green

data/lib/install/templates/mobile/app.js

@@ -1,77 +0,0 @@
-import React from 'react'
-import {combineReducers, createStore, applyMiddleware} from 'redux'
-import thunk from 'redux-thunk'
-import { Provider } from 'react-redux'
-import Breezy from '@jho406/breezy'
-import {visit} from '@jho406/breezy/dist/action_creators'
-import { StackNavigator } from 'react-navigation'
-import { reducer as formReducer } from 'redux-form'
-
-//Change the below when you have your first screen
-const baseUrl = 'http://localhost:3000'
-const initialPath = '/example'
-const initialPage = {
-  data: {},
-  screen: 'ExampleScreen'
-}
-
-// Remove me when you have your first screen
-import {View, Text} from 'react-native'
-class ExampleScreen extends React.Component {
-  render() {
-    return (
-      <View style={{paddingTop: 50}}>
-        <Text>Looks like you're up and running!</Text>
-        <Text>Next create your rails routes and controllers as usual</Text>
-        <Text>Then run the view generators `rails g breezy:view Post index -t mobile`</Text>
-        <Text>When ready, remove this ExampleScreen from App.js</Text>
-      </View>
-    )
-  }
-}
-
-// This mapping can be auto populate through
-// Breezy generators, for example:
-// Run `rails g breezy:view Post index --mobile`
-const mapping = {
-  ExampleScreen, //Remove me when you have your first screen
-}
-
-const navMapping = Object.entries(mapping).reduce((memo, [key, value])=> {
-  return {[key]: {screen: value}, ...memo}
-}, {})
-
-const {reducer, initialState, connect} = Breezy.start({
-  initialPage,
-  baseUrl
-})
-
-const store = createStore(
-  combineReducers({
-    ...reducer,
-    form: formReducer
-  }),
-  initialState,
-  applyMiddleware(thunk)
-)
-
-connect(store)
-store.dispatch({type: 'BREEZY_SET_BASE_URL', baseUrl})
-
-// Uncomment below if you need to fetch on the initial screen
-// store.dispatch(visit(initialPath))
-window.store = store
-const Nav = StackNavigator(navMapping, {
-  initialRouteName: initialPage.screen,
-  initialRouteParams: {pageKey: initialPath},
-  headerMode: 'none',
-})
-
-export default class extends React.Component {
-  render() {
-    return <Provider store={store}>
-      <Nav pageKey={initialPath}/>
-    </Provider>
-  }
-}
-

data/lib/install/templates/mobile/app.json

@@ -1,6 +0,0 @@
-{
-  "expo": {
-    "sdkVersion": "22.0.0"
-  }
-}
-

data/lib/install/templates/mobile/babelrc

@@ -1,23 +0,0 @@
-{
-  "presets": ["babel-preset-expo"],
-  "env": {
-    "development": {
-      "plugins": ["transform-react-jsx-source"]
-    }
-  },
-  "plugins": [
-    [
-      "module-resolver",
-      {
-        "root": [
-          "./app"
-        ],
-        "alias": {
-          "views": "./app/views",
-          "components": "./app/components",
-          "javascripts": "./app/javascripts"
-        }
-      }
-    ]
-  ]
-}

data/lib/install/templates/mobile/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "myapp",
-  "version": "0.1.0",
-  "private": true,
-  "devDependencies": {
-    "jest-expo": "^22.0.0",
-    "react-native-scripts": "1.7.0",
-    "react-test-renderer": "16.0.0-beta.5"
-  },
-  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
-  "scripts": {
-    "start": "react-native-scripts start",
-    "eject": "react-native-scripts eject",
-    "android": "react-native-scripts android",
-    "ios": "react-native-scripts ios",
-    "test": "node node_modules/jest/bin/jest.js --watch"
-  },
-  "jest": {
-    "preset": "jest-expo"
-  },
-  "dependencies": {
-    "@jho406/breezy": "0.3.2",
-    "expo": "^22.0.2",
-    "react": "16.0.0-beta.5",
-    "react-native": "^0.49.5",
-    "react-native-dropdownalert": "3.1.2",
-    "react-native-elements": "^0.19.0",
-    "react-navigation": "^1.0.0-beta.19",
-    "react-redux": "^5.0.6",
-    "redux": "^3.7.2",
-    "redux-form": "^7.2.0",
-    "redux-thunk": "^2.2.0"
-  }
-}
-

data/lib/install/templates/mobile/rn-cli.config.js

@@ -1,4 +0,0 @@
-module.exports = {
-  getSourceExts: () => [ 'jsx' ],
-}
-