vuejs 1.0.39 → 1.1.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 29c3b8f0bee58fa7d32cd10676329f9647eb58d0d859a7a20632a156034b7f3f
-  data.tar.gz: 3b86ca6b277de4d9e1a05fc132260f9eb193e026e352ed1471e8478f2f356b39
+  metadata.gz: b8f1446ad03bbe2e2aefda493c213f7bed4903419fe01f48d0caf2381ad7a3b9
+  data.tar.gz: 97ab05d969db96b1b9d0902c839164b1b3dcd9644258f0af1b4869b588d12305
 SHA512:
-  metadata.gz: e0646e8e8f47a1fe33dfb4061c704752e7d04488233a1898c2daa5721b68c63c3aad6332b44c43686e1e37a1c0e5ef4e823cd54d69fed29b78cda300e207eced
-  data.tar.gz: c08fdd45a5efa313f03506136dab64916c2674ae9b03ec94336340ef281bc7fb53e072b13ab80525ec65f3d9365cf6564a50dfff97ca5fa86489c683e449f180
+  metadata.gz: e4db4fe4b12d82c89fa201b6ddfe126afcb317cca6bef7195f8b0014fe73728a014257ae917435aaf81b23cb63d16756e3ac549151f8b66a32def911c74a12ce
+  data.tar.gz: ed27c6fffab540dac7f7207ed6c39526389275a59988c32b924b56461a93bcc6aa69700e15aa401dd32b764c2bd5ec4d60d4a3d4d7e0891e1306dcc9cf40e2d7

data/README.md

@@ -16,11 +16,13 @@ And then execute:
 
     $ bundle
 
-Or install it yourself as:
+# Webpacker
 
-    $ gem install vuejs
+## Vue component view helper
 
-# Webpacker
+```
+    <%= vue_component "" %>
+```
 
 ## Vue component generator
 
@@ -40,7 +42,7 @@ rails destroy vue <NAME>
 
 ## Vue viewer
 
-Vue viewer allows you to browse your vue component easily. Simply type in http://localhost:3000/vue/<name>
+Vue viewer allows you to browse your vue component easily. Simply visit http://localhost:3000/vue/<name>
 
 At routes.rb
 

data/app/helpers/syntax_helper.rb

@@ -1,13 +1,25 @@
 module SyntaxHelper
+  def page_specific_vue
+    return " #{controller_name} #{action_name} "
+  end
+
+  def vue_include_tag(version)
+    javascript_include_tag "https://cdnjs.cloudflare.com/ajax/libs/vue/#{version}/vue.js" if Rails.env.development?
+  end
+
   def rails_version
     "<p>#{Rails.version}</p>".html_safe
   end
 
-  def vue_gem_version
+  def vuejs_gem_version
      "<p>#{Vuejs::VERSION}</p>".html_safe
   end
   
-  def vue_component(*name, **options)
-    javascript_pack_tag(*name, **options) + ( stylesheet_pack_tag(*name, **options) if options[:stylesheet] != false )    
+  def vue(identifier)
+    concat("<div id=\"#{identifier}\" refs=\"#{identifier}\">".html_safe)
+    yield
+    concat("</div>".html_safe)
   end
+
+  alias v vue
 end

data/lib/generators/generator_templates/index.js

@@ -1,10 +1,26 @@
+// Generated by http://github.com/ytbryan/vuejs
+
 export default {
+  // components: {},
+  // mixins: [], 
+  // props: {},
   data: function() {
     return {
-      message: "Hello <%= name %>!"
+      message: "Hello <%= name %>!",
+      items: []
     };
   },
+  watch: {
+    onCreated: function(response){
+      this.items = response.data
+    }
+  },
   methods: {
-    
+    click: function(response){
+      console.log("clicked")
+    }
+  }, 
+  computed: {
+
   }
 };

data/lib/generators/generator_templates/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div id="app">
     <p>{{ message }}</p>
+    <button @click="click">toggle</button>
   </div>
 </template>
 

data/lib/generators/generator_templates/{pack.js → pack.js.erb}

@@ -1,3 +1,7 @@
+// Generated by http://github.com/ytbryan/vuejs
+// Use this on Rails' view
+// <%# code %> at your rails view. 
+
 import Vue from 'vue'
 <% if options[:single] %>
 import App from '../parts/<%= name %>.vue'
@@ -10,5 +14,5 @@ document.addEventListener('DOMContentLoaded', () => {
   const app = new Vue({
     render: h => h(App)
   }).$mount('hello')
-  //console.log(app)
+  console.log({app})
 })

data/lib/generators/generator_templates/single.vue

@@ -1,18 +1,34 @@
+<!-- Generated by http://github.com/ytbryan/vuejs -->
+
 <template>
   <div id="app">
     <p>{{ message }}</p>
+    <button @click="click">toggle</button>
   </div>
 </template>
 
 <script>
 export default {
+  // components: {},
+  // mixins: [], 
+  // props: {},  
   data: function () {
     return {
       message: "Hello <%= name %>!"
     }
   }, 
+  watch: {
+    onCreated: function(response){
+      this.items = response.data
+    }
+  },
   methods: {
-    
+    click: function(response){
+      console.log("clicked")
+    }
+  }, 
+  computed: {
+
   }
 }
 </script>

data/lib/generators/generator_templates/turbolink-pack.js.erb

@@ -0,0 +1,19 @@
+// Generated by http://github.com/ytbryan/vuejs
+
+import TurbolinksAdapter from 'vue-turbolinks';
+import Vue from 'vue/dist/vue.esm'
+<% if options[:single] %>
+import App from '../parts/<%= name %>.vue'
+<% else %>
+import App from '../parts/<%= name %>/<%= name %>.vue'
+<% end %>
+Vue.use(TurbolinksAdapter)
+
+document.addEventListener('turbolinks:load', () => {
+  if(isView("###")){
+    const app = new Vue({
+      render: h => h(App)
+    }).$mount('#something')
+    console.log({app})
+  }  
+})

data/lib/generators/generator_templates/vuex-pack.js.erb

@@ -0,0 +1,25 @@
+// Generated by http://github.com/ytbryan/vuejs
+
+import VuexRailsPlugin from 'vuex-rails-plugin'
+import VueFormFor from 'vue-form-for'
+import Autorequest from 'vue-autorequest'
+import TurbolinksAdapter from 'vue-turbolinks';
+import Vue from 'vue/dist/vue.esm'
+<% if options[:single] %>
+import App from '../parts/<%= name %>.vue'
+<% else %>
+import App from '../parts/<%= name %>/<%= name %>.vue'
+<% end %>
+
+Vue.use(TurbolinksAdapter)
+Vue.use(VuexRailsPlugin)
+Vue.use(VueFormFor)
+Vue.use(Autorequest)
+
+document.addEventListener('turbolinks:load', () => {
+  if(isView("###")){
+    const app = new Vue({
+      render: h => h(App)
+    }).$mount('#something')
+  }
+})

data/lib/generators/generator_templates/vuex/index.js

@@ -0,0 +1,22 @@
+// Generated by http://github.com/ytbryan/vuejs
+
+export default {
+  // components: {},
+  // mixins: [], 
+  // props: {},
+  data: function() {
+    return {
+      message: "Hello <%= name %>!"
+    };
+  },
+  watch: {
+    onMounted: function(response){
+      this.items = response.data
+    }
+  },
+  methods: {
+    click: function(response){
+      console.log("clicked")
+    }
+  } 
+};

data/lib/generators/vue/vue_generator.rb

@@ -1,9 +1,10 @@
 class VueGenerator < Rails::Generators::NamedBase
   source_root File.expand_path('../../generator_templates', __FILE__)
 
-  argument :name, :type => :string, :default => :index 
+  argument :name, type: :string, default: :index 
   class_option :single, type: :boolean, default: false
   class_option :vuex, type: :boolean, default: false
+  class_option :turbolink, type: :boolean, default: false
   # class_option :helpers, type: :boolean, default: false
 
   PACKS_PATH = "app/javascript/packs"
@@ -11,9 +12,17 @@ class VueGenerator < Rails::Generators::NamedBase
 
   def vue 
     if options[:single] 
-      create_single_file_component_using(name) 
+      if options[:turbolink]
+        create_turbolink_single_file_component_using(name) 
+      else 
+        create_single_file_component_using(name) 
+      end
     else 
-      create_component_with_seperate_concern_using(name)
+      if options[:turbolink]
+        create_turbolink_component_with_seperate_concern_using(name) 
+      else 
+        create_component_with_seperate_concern_using(name) 
+      end
     end
       
     # options[:vuex] ? add_vuex_to_component(name) : nil
@@ -22,11 +31,11 @@ class VueGenerator < Rails::Generators::NamedBase
 
   private
   def add_helpers_to_component name
-    puts "adding helpers"
+    puts "adding helpers support"
   end
 
   def add_vuex_to_component name
-    puts "adding vuex"
+    puts "adding vuex support"
     # yarn add vuex
     # import vuex from 'vuex'
     # Vue.use(vuex)
@@ -34,14 +43,30 @@ class VueGenerator < Rails::Generators::NamedBase
   end
 
   def create_component_with_seperate_concern_using name
-    template "pack.js", "#{PACKS_PATH}/#{name}.js"      
+    @code = "<%= vue \"#{name}\" %>"
+    template "pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
     template "index.vue", "#{PARTS_PATH}/#{name}/#{name}.vue"    
     template "index.js", "#{PARTS_PATH}/#{name}/#{name}.js"
     copy_file "index.css", "#{PARTS_PATH}/#{name}/#{name}.css"
   end
 
   def create_single_file_component_using name
-    template "pack.js", "#{PACKS_PATH}/#{name}.js" 
+    @code = "<%= vue \"#{name}\" %>"
+    template "pack.js.erb", "#{PACKS_PATH}/#{name}.js" 
     template "single.vue", "#{PARTS_PATH}/#{name}.vue"    
   end
+
+  def create_turbolink_single_file_component_using name
+    @code = "<%= vue \"#{name}\" %>"
+    template "turbolink-pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
+    template "single.vue", "#{PARTS_PATH}/#{name}.vue"    
+  end
+
+  def create_turbolink_component_with_seperate_concern_using name
+    @code = "<%= vue \"#{name}\" %>"
+    template "turbolink-pack.js.erb", "#{PACKS_PATH}/#{name}.js"      
+    template "index.vue", "#{PARTS_PATH}/#{name}/#{name}.vue"    
+    template "index.js", "#{PARTS_PATH}/#{name}/#{name}.js"
+    copy_file "index.css", "#{PARTS_PATH}/#{name}/#{name}.css"
+  end
 end

data/lib/tasks/assets.rake

@@ -0,0 +1,12 @@
+require 'open-uri'
+
+namespace :vue do
+  desc "Install vue.js into assets pipeline"
+  task :assets do
+    version = "2.5.16"
+    source = "https://cdnjs.cloudflare.com/ajax/libs/vue/#{version}/vue.js"
+    output = "app/assets/javascripts/vue.js"
+    done = File.write output, open(source).read
+    $stdout.puts "Added Vue.js #{version} (#{source}) into assets pipeline (#{output})" if done != nil
+  end
+end

data/lib/tasks/info.rake

@@ -0,0 +1,22 @@
+namespace :vue do
+  desc "Provide information on Webpacker's environment"
+  task :info do
+    $stdout.puts "Ruby: #{`ruby --version`}"
+    $stdout.puts "Rails: #{Rails.version}"
+    # $stdout.puts "Webpacker: #{Webpacker::VERSION}"
+    $stdout.puts "Node: #{`node --version`}"
+    $stdout.puts "Yarn: #{`yarn --version`}"
+    $stdout.puts "\n"
+    $stdout.puts "#{`yarn list @rails/webpacker vue vue-loader vuex version -s`}"
+    $stdout.puts "\n"
+
+    $stdout.puts "Is bin/webpack present?: #{File.exist? 'bin/webpack'}"
+    $stdout.puts "Is bin/webpack-dev-server present?: #{File.exist? 'bin/webpack-dev-server'}"
+    $stdout.puts "Is bin/yarn present?: #{File.exist? 'bin/yarn'}"
+  end
+
+  desc "install turbolinks"
+  task :install do
+    
+  end
+end

data/lib/vuejs/version.rb

@@ -1,3 +1,3 @@
 module Vuejs
-  VERSION = "1.0.39"
+  VERSION = "1.1.0.beta1"
 end

data/vendor/assets/javascripts/vue-on-rails.js

@@ -0,0 +1,13 @@
+function isView(pageClassString){
+  if(pageClassString == "###") return
+  if(pageClassString != "") pageClassString = pageClassString.replace(/#/g , " ");
+  return document.getElementsByClassName(pageClassString).length == 1
+}
+
+function puts(obj){
+  console.log({obj})
+}
+
+function p(obj){
+  console.log({obj})
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vuejs
 version: !ruby/object:Gem::Version
-  version: 1.0.39
+  version: 1.1.0.beta1
 platform: ruby
 authors:
 - Bryan Lim
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-04-07 00:00:00.000000000 Z
+date: 2018-08-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -55,16 +55,22 @@ files:
 - lib/generators/generator_templates/index.css
 - lib/generators/generator_templates/index.js
 - lib/generators/generator_templates/index.vue
-- lib/generators/generator_templates/pack.js
+- lib/generators/generator_templates/pack.js.erb
 - lib/generators/generator_templates/single.vue
+- lib/generators/generator_templates/turbolink-pack.js.erb
+- lib/generators/generator_templates/vuex-pack.js.erb
+- lib/generators/generator_templates/vuex/index.js
 - lib/generators/vue/USAGE
 - lib/generators/vue/vue_generator.rb
+- lib/tasks/assets.rake
+- lib/tasks/info.rake
 - lib/vuejs.rb
 - lib/vuejs/post_message.rb
 - lib/vuejs/version.rb
 - vendor/assets/javascripts/axios.js
 - vendor/assets/javascripts/axios.map
 - vendor/assets/javascripts/element-ui.js
+- vendor/assets/javascripts/vue-on-rails.js
 - vendor/assets/javascripts/vue-resource.js
 - vendor/assets/javascripts/vue-router.js
 - vendor/assets/javascripts/vue-router2.js
@@ -93,9 +99,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.7.6