rails_vue_generator 0.2.0 → 0.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 845ede3c6dc62f3710389fc8e9ec87d70849388a18102ae4c0a676dcb84a6a32
-  data.tar.gz: 29dd83376ecd343ea0a24df9f247955400ef66dd503815e6ccc5098e6d1f5767
+  metadata.gz: 21772ef2496ba484d808199ab642ec609a8acfeae4696a8a33885ab6e69aa35a
+  data.tar.gz: 6cbabc654baad819476449aaa4e2411afc6d3ae88243506cfa962a1bd55d491d
 SHA512:
-  metadata.gz: a7c2f93ee0151486fa17c00f72c9f00ba248a6c478fb03700ea653a2ec26e30070a398e9c74812a6b0428feb6214bb2627aa82118eb4c63fd7fcfcce0304d9b6
-  data.tar.gz: 00c2cb6ef9e8ca3f9e2b9a2b94ebd74850f73062994255b56d2751ba37bfcad12d1ecbc713c9bc43aca5667a5acd0e51b143e968876be8fa470db7398edabc15
+  metadata.gz: 5629a5fb314c75681f78a751cb4a1f22ffc9960c0ab490959284833b727aa62414f931c65e4ec88631545d3565c7b3e219042cbfde57a8c65b151b1eedfd725e
+  data.tar.gz: f26fb251f444a9c398e20c457e227ec5395212d419e6f628663069d57f8c5f98ad15a80268ade4dd5459e77ad397bcbce50691d0d34a55750caa73df5f8db5bb

data/lib/rails_vue_generator/generator.rb

@@ -4,7 +4,7 @@ module RailsVueGenerator
   class Generator
     ROOT_PATH = File.join(Dir.getwd, "vue_example")
 
-    def generate
+    def self.generate
       ModelGenerator.new.generate
 
       RouterGenerator.new.generate

data/lib/rails_vue_generator/handlers/api_handler.rb

@@ -5,16 +5,16 @@ module RailsVueGenerator
 
       def generate
         lines = []
-        lines << "import axios from 'axios';"
+        lines << "import axios from 'axios'"
         lines << ""
-        lines << "export     const HTTP = axios.create({"
+        lines << "export const HTTP = axios.create({"
         lines << "  baseURL: process.env.VUE_APP_API_ENDPOINT || 'http://localhost:3000'"
         lines << "})"
         lines << ""
         lines << "export default {"
 
         lines << "  async getAll() {"
-        lines << "    const response = await HTTP.get(`/#{model_name.pluralize}`)"
+        lines << "    const response = await HTTP.get('/#{model_name.pluralize}')"
         lines << "    return response"
         lines << "  },"
 
@@ -24,7 +24,7 @@ module RailsVueGenerator
         lines << "  },"
         
         lines << "  async create(data) {"
-        lines << "    const response = await HTTP.post(`/#{model_name.pluralize}`, {#{model_name}: data})"
+        lines << "    const response = await HTTP.post('/#{model_name.pluralize}`, {#{model_name}: data})"
         lines << "    return response"
         lines << "  },"
         
@@ -39,6 +39,7 @@ module RailsVueGenerator
         lines << "  }"
         
         lines << "}"
+        lines << ""
 
         lines.join("\n")
       end

data/lib/rails_vue_generator/handlers/base_handler.rb

@@ -16,7 +16,7 @@ module RailsVueGenerator
         lines << template
         lines << script
         lines << style
-        lines.join("\n\n")
+        lines.join("\n\n") + "\n"
       end
     end
   end

data/lib/rails_vue_generator/handlers/edit_handler.rb

@@ -44,7 +44,7 @@ module RailsVueGenerator
           edit_form_lines << '</div>'
         end
         edit_form_lines << "<div>"
-        edit_form_lines << "<a href='#' class='btn btn-primary' @click=\"save\">Save Changes</a> "
+        edit_form_lines << "<a href='#' class='btn btn-primary' @click=\"save\">Save Changes</a>"
         edit_form_lines << "<router-link :to=\"{name: '#{model_name.pluralize}'}\">Back</router-link>"
         edit_form_lines << '</div>'
         edit_form_lines << '</div>'
@@ -57,24 +57,26 @@ module RailsVueGenerator
         lines = []
 
         lines << '<script>'
-        lines << "  import {mapState} from 'vuex'"
-        lines << '  export default {'
-        lines << "    name: '#{model_name}-edit',"
-        lines << '  computed:{'
+        lines << "import {mapState} from 'vuex'"
+        lines << 'export default {'
+        lines << "  name: '#{model_name}-edit',"
+        lines << '  computed: {'
         lines << '    ...mapState({'
         lines << "      #{model_name}: state => state.#{model_name}.current,"
         lines << "      loading: state => state.#{model_name}.loading.current"
-        lines << '    }),'
+        lines << '    })'
         lines << '  },'
         lines << '  methods: {'
-        lines << '    save(){'
+        lines << '    save() {'
         lines << "      const data = this.#{model_name}"
         lines << "      if (this.#{model_name}.id !== undefined) {"
         lines << "        const id = this.#{model_name}.id"
-        lines << "        console.log(\"updating \", this.#{model_name})"
-        lines << "        this.$store.dispatch('#{model_name}/update', {id, data}).then(function(response) {this.$router.push({name: '#{model_name}', params: {id: response.id}})}.bind(this))"
+        lines << "        this.$store.dispatch('#{model_name}/update', {id, data}).then("
+        lines << "          function(response) {"
+        lines << "            this.$router.push({name: '#{model_name}', params: {id: response.id}})"
+        lines << "          }.bind(this)"
+        lines << "        )"
         lines << '      } else {'
-        lines << "        console.log(\"updating \", this.#{model_name})"
         lines << "        this.$store.dispatch('#{model_name}/create', this.#{model_name}).then(function(response) {this.$router.push({name: '#{model_name}', params: {id: response.id}})}.bind(this))"
         lines << '      }'
         lines << '    }'
@@ -86,7 +88,7 @@ module RailsVueGenerator
         lines << "      this.$store.dispatch('#{model_name}/clearCurrent', this.$route.params.id)"
         lines << "    }"
         lines << '  }'  
-        lines << '};'
+        lines << '}'
         lines << '</script>'
         lines.join("\n")
       end

data/lib/rails_vue_generator/handlers/index_handler.rb

@@ -3,29 +3,32 @@ module RailsVueGenerator
     class IndexHandler < BaseHandler
       def template
         index_page_lines = []
-        index_page_lines << "<template><div><h1>#{model_name.titleize}</h1>"
-        index_page_lines << "<div class=\"spinner\" v-if='loading'>Loading #{model_name.pluralize.titleize}</div>"
-        index_page_lines << "<div v-else>"
-        index_page_lines << "<table>"
-        index_page_lines << "<tr>"
+        index_page_lines << "<template>"
+        index_page_lines << "  <div>"
+        index_page_lines << "    <h1>#{model_name.titleize}</h1>"
+        index_page_lines << "    <div class=\"spinner\" v-if='loading'>Loading #{model_name.pluralize.titleize}</div>"
+        index_page_lines << "    <div v-else>"
+        index_page_lines << "      <table>"
+        index_page_lines << "        <tr>"
         @model.columns.reject { |column| IGNORED_COLUMNS.include?(column.name.to_sym) }.each do |column|
-          index_page_lines << "<th>#{column.name.titleize}</th>"
+          index_page_lines << "          <th>#{column.name.titleize}</th>"
         end
-        index_page_lines << "<th></th>"
-        index_page_lines << "</tr>"
+        index_page_lines << "          <th></th>"
+        index_page_lines << "        </tr>"
 
-        index_page_lines << "<tr v-for='#{model_name.downcase} in #{model_name.downcase.pluralize}' :key='#{model_name.downcase}.id'>"
+        index_page_lines << "        <tr v-for='#{model_name.downcase} in #{model_name.downcase.pluralize}' :key='#{model_name.downcase}.id'>"
         @model.columns.reject { |column| IGNORED_COLUMNS.include?(column.name.to_sym) }.each do |column|
-          index_page_lines << "<td>{{#{model_name.downcase}.#{column.name}}}</td>"
+          index_page_lines << "        <td>{{#{model_name.downcase}.#{column.name}}}</td>"
         end
-        index_page_lines << "<td><router-link :to=\"{name: '#{model_name}', params: {id: #{model_name.downcase}.id}}\">Show</router-link> | "
-        index_page_lines << "<router-link :to=\"{name: 'edit-#{model_name}', params: {id: #{model_name.downcase}.id}}\">Edit</router-link></td>"
-
-        index_page_lines << "</tr>"
-        index_page_lines << "</table>"
-        index_page_lines << "<router-link :to=\"{name: 'new-#{model_name}'}\">Create a new #{model_name.titleize}</router-link>"
-        index_page_lines << "</div>"
-        index_page_lines << "</div>"
+        index_page_lines << "          <td>"
+        index_page_lines << "            <router-link :to=\"{name: '#{model_name}', params: {id: #{model_name.downcase}.id}}\">Show</router-link>&nbsp;|&nbsp;"
+        index_page_lines << "            <router-link :to=\"{name: 'edit-#{model_name}', params: {id: #{model_name.downcase}.id}}\">Edit</router-link>"
+        index_page_lines << "          </td>"
+        index_page_lines << "        </tr>"
+        index_page_lines << "      </table>"
+        index_page_lines << "      <router-link :to=\"{name: 'new-#{model_name}'}\">Create a new #{model_name.titleize}</router-link>"
+        index_page_lines << "    </div>"
+        index_page_lines << "   </div>"
         index_page_lines << "</template>"
         index_page_lines.join("\n")
       end
@@ -36,17 +39,17 @@ module RailsVueGenerator
         lines << "<script>"
         lines << "import {mapState} from 'vuex'"
         lines << "export default {"
-        lines << "name: '#{model_name}-edit',"
-        lines << "computed:{"
-        lines << "...mapState({"
-        lines << "#{model_name.pluralize}: state => state.#{model_name}.all,"
-        lines << "loading: state => state.#{model_name}.loading.all"
-        lines << "}),"
-        lines << "},"
-        lines << "created() {"
-        lines << "this.$store.dispatch('#{model_name}/getAll')"
+        lines << "  name: '#{model_name}-edit',"
+        lines << "  computed: {"
+        lines << "    ...mapState({"
+        lines << "      #{model_name.pluralize}: state => state.#{model_name}.all,"
+        lines << "      loading: state => state.#{model_name}.loading.all"
+        lines << "    })"
+        lines << "  },"
+        lines << "  created() {"
+        lines << "    this.$store.dispatch('#{model_name}/getAll')"
+        lines << "  }"
         lines << "}"
-        lines << "};"
         lines << "</script>"
         lines.join("\n")
       end

data/lib/rails_vue_generator/handlers/router_handler.rb

@@ -1,12 +1,14 @@
+# frozen_string_literal: true
+
 module RailsVueGenerator
   module Handlers
     class RouterHandler < BaseHandler
       def generate
         routes = []
-        routes << "    {\n        path: '/#{model_name.pluralize}',\n        name: '#{model_name.pluralize}',\n        component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/index.vue')\n    },\n"
-        routes << "    {\n        path: '/#{model_name}/new',\n        name: 'new-#{model_name}',\n        component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/edit.vue')\n    },\n"
-        routes << "    {\n        path: '/#{model_name}/:id',\n        name: '#{model_name}',\n        component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/show.vue')\n    },\n"
-        routes << "    {\n        path: '/#{model_name}/:id/edit',\n        name: 'edit-#{model_name}',\n        component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/edit.vue')\n    },\n"
+        routes << "  {\n    path: '/#{model_name.pluralize}',\n    name: '#{model_name.pluralize}',\n    component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/index.vue')\n  },\n"
+        routes << "  {\n    path: '/#{model_name}/new',\n    name: 'new-#{model_name}',\n    component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/edit.vue')\n  },\n"
+        routes << "  {\n    path: '/#{model_name}/:id',\n    name: '#{model_name}',\n    component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/show.vue')\n  ,\n"
+        routes << "  {\n    path: '/#{model_name}/:id/edit',\n    name: 'edit-#{model_name}',\n    component: () => import( /* webpackChunkName: \"#{model_name.pluralize}\" */ '@/views/#{model_name}/edit.vue')\n  },\n"
         routes
       end
     end

data/lib/rails_vue_generator/handlers/show_handler.rb

@@ -3,23 +3,25 @@ module RailsVueGenerator
     class ShowHandler < BaseHandler
       def template
         show_page_lines = []
-        show_page_lines << "<template><div>"
+        show_page_lines << "<template>"
+        show_page_lines << "  <div>"
         ignored_columns = [:id]
-        show_page_lines << "<div v-if='loading' class=\"spinner\">Loading #{model_name.titleize}</div>"
-        show_page_lines << "<div v-else>"
-        show_page_lines << "<table>"
+        show_page_lines << "    <div v-if='loading' class=\"spinner\">Loading #{model_name.titleize}</div>"
+        show_page_lines << "    <div v-else>"
+        show_page_lines << "      <table>"
         @model.columns.reject { |column| IGNORED_COLUMNS.include?(column.name.to_sym) }.each do |column|
-          show_page_lines << "<tr>"
-          show_page_lines << "<th>#{column.name.titleize}</th><td>{{#{model_name}.#{column.name}}}</td>"
-          show_page_lines << "</tr>"
+          show_page_lines << "        <tr>"
+          show_page_lines << "          <th>#{column.name.titleize}</th><td>{{#{model_name}.#{column.name}}}</td>"
+          show_page_lines << "        </tr>"
         end
-        show_page_lines << "</table>"
-        show_page_lines << "<div>"
-        show_page_lines << "<router-link :to=\"{name: 'edit-#{model_name}', params: {id: #{model_name}.id}}\">Edit</router-link>"
-        show_page_lines << "<a href='#' @click='deleteRecord'>Delete</a>"
-        show_page_lines << "</div>"
-        show_page_lines << "</div>"
-        show_page_lines << "</div></template>"
+        show_page_lines << "      </table>"
+        show_page_lines << "      <div>"
+        show_page_lines << "        <router-link :to=\"{name: 'edit-#{model_name}', params: {id: #{model_name}.id}}\">Edit</router-link>"
+        show_page_lines << "        <a href='#' @click='deleteRecord'>Delete</a>"
+        show_page_lines << "      </div>"
+        show_page_lines << "    </div>"
+        show_page_lines << "  </div>"
+        show_page_lines << "</template>"
         show_page_lines.join("\n")
       end
 
@@ -30,11 +32,11 @@ module RailsVueGenerator
         lines << "import {mapState} from 'vuex'"
         lines << "export default {"
         lines << "  name: '#{model_name}-show',"
-        lines << "  computed:{"
+        lines << "  computed: {"
         lines << "    ...mapState({"
         lines << "      #{model_name}: state => state.#{model_name}.current,"
         lines << "      loading: state => state.#{model_name}.loading.current"
-        lines << "    }),"
+        lines << "    })"
         lines << "  },"
         lines << "  created() {"
         lines << "    this.$store.dispatch('#{model_name}/get', this.$route.params.id)"
@@ -44,7 +46,7 @@ module RailsVueGenerator
         lines << "      this.$store.dispatch('#{model_name}/delete', this.#{model_name}.id).then(function(response) {this.$router.push({name: '#{model_name.pluralize}'})}.bind(this))"
         lines << "    }"
         lines << "  }"
-        lines << "};"
+        lines << "}"
         lines << "</script>"
         lines.join("\n")
       end

data/lib/rails_vue_generator/handlers/store_handler.rb

@@ -6,7 +6,6 @@ module RailsVueGenerator
       def generate
         lines = []
         lines << "import api from '@/api'"
-        lines << "import router from '@/router'"
         lines << ''
         lines << 'const state = {'
         lines << '  current: {},'
@@ -59,7 +58,7 @@ module RailsVueGenerator
         lines << '    return responseData'
         lines << '  },'
         lines << '  clearCurrent({commit}) {'
-        lines << '    commit("clearCurrent")'
+        lines << "    commit('clearCurrent')"
         lines << '  }'
         lines << ''
         lines << '}'

data/lib/rails_vue_generator/navigation_generator.rb

@@ -8,7 +8,15 @@ module RailsVueGenerator
 
     def generate
       FileUtils.mkdir_p(@options[:path])
-      File.write(File.join(@options[:path], @options[:filename]), "<template><div>" + models.map { |model| Handlers::NavigationHandler.new(model).generate }.join("\n") + "</div></template>")
+
+      nav_text = []
+      nav_text << "<template>"
+      nav_text << "  <div>"
+      nav_text << models.map { |model| "    #{Handlers::NavigationHandler.new(model).generate}" }.join("\n")
+      nav_text << "  </div>"
+      nav_text << "</template>"
+
+      File.write(File.join(@options[:path], @options[:filename]), nav_text.join)
     end
   end
 end

data/lib/rails_vue_generator/router_generator.rb

@@ -12,7 +12,7 @@ module RailsVueGenerator
       models.each do |model|
         routes += Handlers::RouterHandler.new(model).generate
       end
-      File.write(File.join(@options[:path], @options[:filename]), "import Vue from 'vue'\nimport VueRouter from 'vue-router'\nVue.use(VueRouter)\nconst routes = [" + routes.join + "]\nconst router = new VueRouter({\nmode: 'history',\nbase: process.env.BASE_URL,\nroutes\n})\nexport default router\n")
+      File.write(File.join(@options[:path], @options[:filename]), "import Vue from 'vue'\nimport VueRouter from 'vue-router'\nVue.use(VueRouter)\nconst routes = [\n" + routes.join + "\n]\nconst router = new VueRouter({\nmode: 'history',\nbase: process.env.BASE_URL,\nroutes\n})\nexport default router\n")
     end
   end
 end

data/lib/rails_vue_generator/version.rb

@@ -1,3 +1,3 @@
 module RailsVueGenerator
-  VERSION = "0.2.0"
+  VERSION = "0.2.7"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails_vue_generator
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.7
 platform: ruby
 authors:
 - Stewart McKee
-autorequire: 
+autorequire:
 bindir: exe
 cert_chain: []
-date: 2020-06-20 00:00:00.000000000 Z
+date: 2021-12-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -77,7 +77,7 @@ homepage: ''
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -93,7 +93,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Generates VueJS code based no models in rails
 test_files: []