vuejs-webpack-rails 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 68804d057121f1ff6d2567ef881255cd368facde
-  data.tar.gz: b605d3b15d80a2e97d49404510b22fc6de2b6fb4
+  metadata.gz: 69f4d2778f240f33f5e14dcfdabe1f5dcbf5dc8e
+  data.tar.gz: a699370aee3bfd29ea4274d3ce6ca5a52f702786
 SHA512:
-  metadata.gz: e47af650aac9ad66f2a7abac080054893d614e9d740ba92b55616a25fb6418a26e04fcff967765bdcfc0a22458b8033f982e5865387c6e4a60603593612f2550
-  data.tar.gz: d6bbf72bc4ff4e5dc5187cbc3736b4d499248f3f701219418dcf85f44526739c526d142ae61886a98ed34184d536df26e2c5d2a737456e55ef13d3eef3c141e7
+  metadata.gz: 3b7e9c4b2616b1d30553e3249782d3e1abbd205b77f3c25aad45ac40cc93e9bb6a7fcdbac0cca75540a4f92e6c92720ba7dae21973150651fc8a135ebe460959
+  data.tar.gz: 82440dcfb5a54e5743668bcfa8c2c5903347d0d17a3057ad1854dfac05aae4b732068de1733129f3af34fd9fc624f3dc3fb6f34f46722fbd70175eae936b0ebb

data/lib/generators/vuejs_webpack_rails/install_generator.rb

@@ -9,8 +9,9 @@ module VuejsWebpackRails
       generate "webpack_rails:install"
     end
 
-    def copy_vue_config
-      copy_file 'vue.config.js', 'config/vue.config.js'
+    def copy_files
+      directory 'config'
+      directory 'webpack'
     end
 
     def modify_webpack_config
@@ -59,7 +60,7 @@ module VuejsWebpackRails
     end
 
     def install_packages
-      install_npm_packanges '-S', *%w(vue lodash)
+      install_npm_packanges '-S', *%w(vue lodash vue-resource)
       install_npm_packanges '-D', *%w(webpack-manifest-plugin extract-text-webpack-plugin webpack-merge)
       install_npm_packanges '-D', *%w(babel-core babel-loader babel-runtime babel-plugin-transform-runtime babel-preset-es2015)
       install_npm_packanges '-D', *%w(coffee-loader coffee-script)
@@ -68,6 +69,22 @@ module VuejsWebpackRails
       install_npm_packanges '-D', *%w(vue-loader vue-hot-reload-api vue-template-compiler)
     end
 
+    def print_message
+      say <<-MESSAGE.strip_heredoc
+
+      ==  Vuejs + Webpack + Rails  ==
+
+      1. Please add below line to your layout(app/views/layouts/application.html),
+        this is loading Vue assets from Webpack web server in development
+
+          <% = javascript_include_tag *webpack_asset_paths('application') %>
+
+      2. Now add your own Vue components to webpack/components/<your_component>,
+      require your component from webpack/components/index.js
+
+      MESSAGE
+    end
+
     no_tasks do
       def install_npm_packanges(type, *packages)
         run "npm i #{packages.join(' ')} #{type}"

data/lib/generators/vuejs_webpack_rails/templates/webpack/application.js

@@ -0,0 +1,10 @@
+require('./concerns');
+require('./components');
+
+// in Rails, put below code to app/assets/javascripts/application.js
+
+// $(function(){
+//   new Vue({
+//     el: '#app'
+//   });
+// })

data/lib/generators/vuejs_webpack_rails/templates/webpack/components/hello/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <h1>Hello <slot></slot></h1>
+</template>
+
+<script>
+export default {
+  mounted () {
+    console.log('Your first component Hello is mounted');
+  }
+}
+</script>
+
+<style scoped>
+h1 { color: blue; }
+</style>

data/lib/generators/vuejs_webpack_rails/templates/webpack/components/index.js

@@ -0,0 +1,3 @@
+var Vue = require("vue");
+Vue.components = {};
+Vue.components.Hello = Vue.component('hello', require("./hello"))

data/lib/generators/vuejs_webpack_rails/templates/webpack/concerns/http.js

@@ -0,0 +1,13 @@
+var Vue = require('vue')
+Vue.use(require('vue-resource'))
+
+// Vue.http.options.root = '/api';
+Vue.http.interceptors.push({
+  request: function (request) {
+    Vue.http.headers.common['X-CSRF-Token'] = $('[name="csrf-token"]').attr('content');
+    return request;
+  },
+  response: function (response) {
+    return response;
+  }
+});

data/lib/generators/vuejs_webpack_rails/templates/webpack/concerns/index.js

@@ -0,0 +1 @@
+require('./http');

data/lib/vuejs/webpack/rails/version.rb

@@ -2,7 +2,7 @@ module Vuejs
   module Webpack
     # :nodoc:
     module Rails
-      VERSION = "0.0.2"
+      VERSION = "0.0.3"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vuejs-webpack-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Xiaohui Zhang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-12-15 00:00:00.000000000 Z
+date: 2016-12-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -61,7 +61,12 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/generators/vuejs_webpack_rails/install_generator.rb
-- lib/generators/vuejs_webpack_rails/templates/vue.config.js
+- lib/generators/vuejs_webpack_rails/templates/config/vue.config.js
+- lib/generators/vuejs_webpack_rails/templates/webpack/application.js
+- lib/generators/vuejs_webpack_rails/templates/webpack/components/hello/index.vue
+- lib/generators/vuejs_webpack_rails/templates/webpack/components/index.js
+- lib/generators/vuejs_webpack_rails/templates/webpack/concerns/http.js
+- lib/generators/vuejs_webpack_rails/templates/webpack/concerns/index.js
 - lib/vuejs-webpack-rails.rb
 - lib/vuejs/webpack/rails.rb
 - lib/vuejs/webpack/rails/version.rb