vuejs 1.0.38 → 1.0.39

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: e04be1261c14b06a65091871eda7785b00855d4c
-  data.tar.gz: d8f4713cd2c92341a39c90a408611f39052e5a66
+SHA256:
+  metadata.gz: 29c3b8f0bee58fa7d32cd10676329f9647eb58d0d859a7a20632a156034b7f3f
+  data.tar.gz: 3b86ca6b277de4d9e1a05fc132260f9eb193e026e352ed1471e8478f2f356b39
 SHA512:
-  metadata.gz: b60e91b243c332362b0dc6c5cdb7fe2eba654a402a72b7723a066eba70403b7c24f9c88d34e4256d863149fcdb51bc71b8c1975d6a15680aae211850b6c94bda
-  data.tar.gz: f506418a1d780320b4e6ca6618bf5fb462a41a7ecf32ea25bc51b640ab519720b05b2948f6a81500703d2cdf1f523740b3ee3f705edf8f3cf4cc5579b9c9501d
+  metadata.gz: e0646e8e8f47a1fe33dfb4061c704752e7d04488233a1898c2daa5721b68c63c3aad6332b44c43686e1e37a1c0e5ef4e823cd54d69fed29b78cda300e207eced
+  data.tar.gz: c08fdd45a5efa313f03506136dab64916c2674ae9b03ec94336340ef281bc7fb53e072b13ab80525ec65f3d9365cf6564a50dfff97ca5fa86489c683e449f180

data/README.md

@@ -1,24 +1,6 @@
 # Vuejs Gem
 
-> Reactive Components for Modern Web Interfaces by Evan You and Vuejs team
-
-TODO: update this to support webpacker. Or make plans to create [webpacker-vue](https://github.com/ytbryan/webpacker-vue)
-
-The rubygem `vuejs` ships with the following goodies:
-
-  - `vue` (v2.1.10)
-  - `vuex` (v2.1.1)
-  - `vue-router` (v2.1.3)
-  - `vue-validator2` (v2.1.7) + `vue-validator3` (v3.0.0-alpha.2)
-  - `axios` (v0.15.3)
-
-It also ships with the following legacy goodies
-
-  - `vue` (v1.0.28)
-  - `vuex` (v1.0.1)
-  - `vue-router` (v0.7.13)
-  - `vue-resource` (v1.2.0)
-  - `vue-validator` (v1.4.4)
+> Vue for your favourite Ruby on Rails projects
 
 # Requirement
 
@@ -27,7 +9,7 @@ It also ships with the following legacy goodies
 Add this line to your application's Gemfile:
 
 ```ruby
-  gem 'vuejs'
+gem 'vuejs'
 ```
 
 And then execute:
@@ -38,15 +20,72 @@ Or install it yourself as:
 
     $ gem install vuejs
 
+# Webpacker
+
+## Vue component generator
+
+```
+rails generate vue <NAME>
+```
+
+Note: `vuejs` gem creates vue components with seperation of concern by default.
+
+To generate a single-file component, please use `--single` option. eg. `rails g vue component_name --single`
 
-## Vue Component generator
+## Vue component destroyer
 
-rails g vue <NAME>
+```
+rails destroy vue <NAME>
+```
+
+## Vue viewer
+
+Vue viewer allows you to browse your vue component easily. Simply type in http://localhost:3000/vue/<name>
+
+At routes.rb
+
+```
+mount Vuejs::engine, to: 'vue'
+```
+
+## Vuex support - coming soon
+
+```
+rails g vue <NAME> --vuex
+```
 
+This will add vuex using yarn. And generate a vue component with vuex support
+
+## Add webpacker helpers - coming soon
+
+```
+rails g vue <NAME> --helpers
+```
+
+---
+
+# Asset Pipeline
+
+The ruby gem `vuejs` ships with the following goodies for assets pipeline:
+
+* `vue` (v2.1.10)
+* `vuex` (v2.1.1)
+* `vue-router` (v2.1.3)
+* `vue-validator2` (v2.1.7) + `vue-validator3` (v3.0.0-alpha.2)
+* `axios` (v0.15.3)
+
+It also ships with the following legacy goodies
+
+* `vue` (v1.0.28)
+* `vuex` (v1.0.1)
+* `vue-router` (v0.7.13)
+* `vue-resource` (v1.2.0)
+* `vue-validator` (v1.4.4)
 
 ## Usage
 
 For 2.x Vue & vue-router or Vue-validator
+
 ```
 //= require vue2
 //= require vue-router2
@@ -55,23 +94,22 @@ For 2.x Vue & vue-router or Vue-validator
 //= require axios
 ```
 
-# Some Solution
+# Some Solution for assets pipeline
 
 ### Sprockets::FileNotFound: couldn't find file 'vue-validator'
 
 ```
 Sprockets::FileNotFound: couldn't find file 'vue-validator' with type 'application/javascript'
 ```
+
 vue-validator has been changed to vue-validator2
 and vue-validator3. Use `//= require vue-validator2` or `//= require vue-validator3` instead.
 
-
 ### Sprockets::FileNotFound: couldn't find file 'vuex'
 
 vuex has been updated to vuex2. Therefore use `//= require vuex2` to resolve the error `Sprockets::FileNotFound: couldn't find file 'vuex'`.
 
-
-###   You are running Vue in development mode.
+### You are running Vue in development mode.
 
 ```
   You are running Vue in development mode.
@@ -81,7 +119,6 @@ vuex has been updated to vuex2. Therefore use `//= require vuex2` to resolve the
 
 Try to use `//= require vue2.min` to remove the warning statement from console.
 
-
 For 1.x
 
 ```
@@ -96,25 +133,14 @@ For 1.x
 //= require_tree .
 ```
 
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
-
-## Contributing
+## Contributing and License
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/ytbryan/vuejs. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
-
-
-## License
-
 The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
 
-
 ## Book
 
-Richard LaFranchi and I are writing a book on Vue on rails. If you are interested to be one of the early reviewers of our drafts, please email me. 
+Richard LaFranchi and I are writing a book on Vue on rails. If you are interested to be one of the early reviewers of our drafts, please email me.
 
 ## Contact
 

data/app/controllers/vue_controller.rb

@@ -0,0 +1,2 @@
+class VueController < ApplicationController
+end

data/app/helpers/syntax_helper.rb

@@ -7,10 +7,6 @@ module SyntaxHelper
      "<p>#{Vuejs::VERSION}</p>".html_safe
   end
   
-  # def vue_version
-  #   "<p>#{Vue.version}</p>".html_safe
-  # end
-
   def vue_component(*name, **options)
     javascript_pack_tag(*name, **options) + ( stylesheet_pack_tag(*name, **options) if options[:stylesheet] != false )    
   end

data/app/views/vue/index.html.erb

@@ -0,0 +1,5 @@
+<%= vue_component params[:name] %>
+
+<script> 
+//poll 
+</script> 

data/config/routes.rb

@@ -0,0 +1,5 @@
+Rails.application.routes.draw do
+  if Rails.env.development?
+    get 'vue/(:name)', to: "vue#index"
+  end
+end

data/lib/generators/generator_templates/index.js

@@ -1,7 +1,10 @@
 export default {
-  data: function () {
+  data: function() {
     return {
       message: "Hello <%= name %>!"
-    }
+    };
+  },
+  methods: {
+    
   }
-}
+};

data/lib/generators/generator_templates/pack.js

@@ -1,8 +1,8 @@
 import Vue from 'vue'
-<% if options[:single] == false %>
-import App from '../parts/<%= name %>/<%= name %>.vue'
-<% else %> 
+<% if options[:single] %>
 import App from '../parts/<%= name %>.vue'
+<% else %>
+import App from '../parts/<%= name %>/<%= name %>.vue'
 <% end %>
 
 document.addEventListener('DOMContentLoaded', () => {
@@ -10,6 +10,5 @@ document.addEventListener('DOMContentLoaded', () => {
   const app = new Vue({
     render: h => h(App)
   }).$mount('hello')
-
   //console.log(app)
-})
+})

data/lib/generators/generator_templates/single.vue

@@ -10,6 +10,9 @@ export default {
     return {
       message: "Hello <%= name %>!"
     }
+  }, 
+  methods: {
+    
   }
 }
 </script>

data/lib/generators/vue/vue_generator.rb

@@ -1,20 +1,38 @@
 class VueGenerator < Rails::Generators::NamedBase
-  PACKS_PATH = "app/javascript/packs"
-  PARTS_PATH = "app/javascript/parts"
-
   source_root File.expand_path('../../generator_templates', __FILE__)
+
   argument :name, :type => :string, :default => :index 
   class_option :single, type: :boolean, default: false
+  class_option :vuex, type: :boolean, default: false
+  # class_option :helpers, type: :boolean, default: false
+
+  PACKS_PATH = "app/javascript/packs"
+  PARTS_PATH = "app/javascript/parts"
 
   def vue 
-    if options[:single] == false
-      create_component_with_seperate_concern_using(name)
+    if options[:single] 
+      create_single_file_component_using(name) 
     else 
-      create_single_file_component_using(name)
+      create_component_with_seperate_concern_using(name)
     end
+      
+    # options[:vuex] ? add_vuex_to_component(name) : nil
+    # options[:helpers] ? add_helpers_to_component(name) : nil
   end
 
   private
+  def add_helpers_to_component name
+    puts "adding helpers"
+  end
+
+  def add_vuex_to_component name
+    puts "adding vuex"
+    # yarn add vuex
+    # import vuex from 'vuex'
+    # Vue.use(vuex)
+    # Generate a vuex.html.erb
+  end
+
   def create_component_with_seperate_concern_using name
     template "pack.js", "#{PACKS_PATH}/#{name}.js"      
     template "index.vue", "#{PARTS_PATH}/#{name}/#{name}.vue"    

data/lib/vuejs.rb

@@ -3,34 +3,11 @@ require "thor"
 
 module Vuejs
   class Engine < ::Rails::Engine
+    engine_name 'vuejs'
   end
 
   class Base < Thor
     check_unknown_options!
     package_name 'vuejs'
-
-    # desc :info, ""
-    # def info
-    #   puts "version: "
-    # end
-
-    # def move
-    #   cp node_modules/vue/dist/vue.min.js app/assets/javascripts/
-    # end
   end
-
-
-
-
-
-  # class Base < Thor
-  #   check_unknown_options!
-  #   package_name 'vuejs'
-  #   default_task :info
-  #
-  #   desc :info
-  #   def info
-  #     puts "version: "
-  #   end
-  # end
 end

data/lib/vuejs/version.rb

@@ -1,3 +1,3 @@
 module Vuejs
-  VERSION = "1.0.38"
+  VERSION = "1.0.39"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vuejs
 version: !ruby/object:Gem::Version
-  version: 1.0.38
+  version: 1.0.39
 platform: ruby
 authors:
 - Bryan Lim
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-03-26 00:00:00.000000000 Z
+date: 2018-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -48,7 +48,10 @@ extra_rdoc_files: []
 files:
 - LICENSE
 - README.md
+- app/controllers/vue_controller.rb
 - app/helpers/syntax_helper.rb
+- app/views/vue/index.html.erb
+- config/routes.rb
 - lib/generators/generator_templates/index.css
 - lib/generators/generator_templates/index.js
 - lib/generators/generator_templates/index.vue
@@ -95,7 +98,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.13
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: Latest Vue.js + vue-router + vue-resource + vue-validator + vuex for Rails