vueonrails 1.0.0.beta3 → 1.0.0.beta5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4308786754408c51f8a1e1299c0dffbd7d7f23d42e693815c56474d6a5b2de86
-  data.tar.gz: 1915f256ee3faddc68ab55ebaee0f958e74338b403f5e6f314a39c4746dcf03a
+  metadata.gz: 3d19afa02dc6893103ab2183bad342323b1cfaa8a93ecd49d7b8c2df24fa5f39
+  data.tar.gz: ce0746b785e5fa4a31fb29397494b55eda3bc05b07f910f91c6cfb4a2917200e
 SHA512:
-  metadata.gz: 4d79f39ad995fba55953daaeef8cdfc387064a548a77cc99511952782ccff674f6700a66209ffa30ef26047d1dbfd21468e572e596e590e6c4ad364ca257260f
-  data.tar.gz: 00df4fbf3c519c7e1420e1c74d9b5241630daa15302ff667cd1a0dd3b3776aaef837e9db27ff4e92950f1fa8803e3f43c4e8be8decc48d631a25b28ae0067641
+  metadata.gz: '08b2fae140adf0e9b3b0ace423751e3438b6197044305831a8d93f76df0486de16784d7a57b5b7e249462084e0ec41e0547669fe93fd0a0809e41811c91eb8c7'
+  data.tar.gz: '08e9c0a594645b151d07332732306e38a417591ae522858473da6bac8aad728e08575b5db9d364986dede78b8ee7f71359991b6b988e8e1428e3717559686a0b'

data/README.md

@@ -1,23 +1,24 @@
 ![vue on rails](https://vueonrails.com/assets/img/vueonrails.png)
 
-> Vue for your favorite Rails projects
+> Vue for your favorite Rails products
 
-The Vue on Rails gem makes it easy to build Vue components on your Rails application.
+The Vue on Rails gem makes it easy to build Vue components on your Rails products.
 
 It uses Rails 5.x, Vue 2.x, Webpacker 4.x, Ruby 2.x, Node 11.x, Yarn 1.12.x.
 
-- ❄️ Server Side Rendering using Hypernova
-- 💎 Compatible with Rails 6/5/4 and Webpacker
-- 🌎 Internationalization for component parts
 - 🖖 Vue UI ready
-- 🔨 Component generators and scaffolds
-- 📦 Out of the box configuration
-- ✂️ Specific-page Vue
+- 🐶 Support pug 
 - 🤡 Jest test ready
+- ✂️ Specific-page Vue
+- 👷🏻️ Asset pipeline helpers
 - 🎯 Simple state management
+- 📦 Out of the box configuration
+- 🔨 Component generators and scaffolds
+- ❄️ Server Side Rendering using Hypernova
 - 🗃 Easily migrate to Vuex state management
-- 👷🏻️ Asset pipeline helpers
-- 🏎 Kickstart with our Vue on Rails application template at https://vueonrails.com/vue
+- 🌎 Internationalization for component parts
+- 💎 Compatible with Rails 6/5/4 and Webpacker
+- 🏎 Kickstart with our application template at https://vueonrails.com/vue
 
 It ships out-of-the-box configuration, component generators and other solutions to make life easy for both Vue and Rails.
 

data/app/helpers/syntax_helper.rb

@@ -27,7 +27,7 @@ module SyntaxHelper
   end
 
   #server side rendering via hypernova
-  def render_vue(id, name)
-    render_react_component(id, name: name)
+  def render_vue_component(id, data = {})
+    render_react_component(id, data)
   end
 end

data/lib/generators/options/pug.rb

@@ -0,0 +1,14 @@
+pugtemplate = <<-eos
+<template lang="pug">
+  ##{name}
+    p {{ message }}
+</template>
+eos
+
+if options[:seperate] == true
+  gsub_file Rails.root.join("#{PARTS_PATH}/#{name}/#{name}.vue").to_s, 
+  /<template>[^\]]*<\/template>/, pugtemplate
+else 
+  gsub_file Rails.root.join("#{PARTS_PATH}/#{name}.vue").to_s, 
+  /<template>[^\]]*<\/template>/, pugtemplate
+end

data/lib/generators/templates/ssr/component.js.erb

@@ -1,5 +1,5 @@
 // Generated by Vue on Rails https://github.com/vueonrails/vueonrails
-// Embed this component
+// To embed this component in Rails view, use <%= render_vue_component "component.js" %>
 // To generate this component, run `rails generate vue something --ssr`
 
 console.log("Hello, <%= name %>")

data/lib/generators/vue/vue_generator.rb

@@ -19,6 +19,7 @@ class VueGenerator < Rails::Generators::NamedBase
     table: {type: :boolean, default: false},
     modal: {type: :boolean, default: false},
     click: {type: :boolean, default: false},
+    pug: {type: :boolean, default: false}
   }.freeze
   
   class_option :ssr, type: :string, default: nil

data/lib/installs/loaders/pug.js

@@ -0,0 +1,15 @@
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
+// This is required to support Pug in Vue on Rails.  
+
+module.exports = {  
+  test: /\.pug$/,
+  oneOf: [
+    {
+      resourceQuery: /^\?vue/,
+      use: ['pug-plain-loader']
+    },
+    {
+      use: ['raw-loader', 'pug-plain-loader']
+    }
+  ]
+}

data/lib/installs/pug.rb

@@ -0,0 +1,12 @@
+# install pug dependencies
+run "yarn add pug pug-plain-loader"
+
+# add the pug loader
+copy_file "#{__dir__}/loaders/pug.js", Rails.root.join("config/webpack/loaders/pug.js").to_s
+
+# insert pug into the environment.js
+insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
+"const pug =  require('./loaders/pug')\n", after: "require('@rails/webpacker')\n"
+
+insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
+"environment.loaders.prepend('pug', pug)\n", before: "module.exports = environment"

data/lib/installs/setup.rb

@@ -1,8 +1,8 @@
 # Check for the lack of .babelrc or webpacker 4
 def check_version_and_babel
   #should i check for evidence of webpacker:install?
-  File.exists?(Rails.root.join(".babelrc")) == false \
-  || (Gem.loaded_specs["webpacker"].version < Gem::Version.new('4.x')) == false
+  (File.exists?(Rails.root.join(".babelrc")) == true) \
+  || ((Gem.loaded_specs["webpacker"].version >= Gem::Version.new('4.x')) == false)
 end
 
 begin
@@ -33,10 +33,16 @@ insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
 "const alias =  require('./alias/alias')\n", after: "require('@rails/webpacker')\n"
 
 # Add *_pack_tag into application.html.erb This is essential for specific-page vue setup.
-pack_tag =   <<-eos
-    <%= javascript_pack_tag 'application' %>
-    <%= stylesheet_pack_tag 'application' %>
-eos
+if (Gem.loaded_specs["rails"].version >= Gem::Version.new('6.x'))  # rails 6 has default javascript_pack_tag
+  pack_tag = <<-eos
+      <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+  eos
+else # non-rails 6
+  pack_tag = <<-eos
+      <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+      <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+  eos
+end
 
 insert_into_file Rails.root.join("app/views/layouts/application.html.erb").to_s,
 pack_tag, before: "  </head>\n"
@@ -83,19 +89,6 @@ eos
 insert_into_file Rails.root.join("package.json").to_s,
 scripts, after: "\"private\": true,\n"
 
-babelrc = <<-eos
-  "env": {
-    "test": {
-      "presets": [
-        ["env", { "targets": { "node": "current" }}]
-      ]
-    }
-  },
-eos
-
-insert_into_file Rails.root.join(".babelrc").to_s,
-babelrc, before: "  \"presets\": ["
-
 # Insert locale.js as a default i18n and add second locale cn.yml
 copy_file "#{__dir__}/../generators/templates/i18n/index.js", Rails.root.join("app/javascript/locales/locale.js").to_s
 copy_file "#{__dir__}/../generators/templates/i18n/cn.yml", Rails.root.join("config/locales/cn.yml").to_s

data/lib/installs/spv.rb

@@ -3,10 +3,17 @@ gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s,
 gsub_file Rails.root.join("app/views/layouts/application.html.erb").to_s, 
 /<\/body>/, '<% end %>'
 
-pack_tag = <<-eos
-    <%= javascript_pack_tag 'application' %>
-    <%= stylesheet_pack_tag 'application' %>
-eos
+if (Gem.loaded_specs["rails"].version >= Gem::Version.new('6.x'))  # rails 6 has default javascript_pack_tag
+    pack_tag = <<-eos
+        <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+    eos
+else # non-rails 6
+    pack_tag = <<-eos
+        <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+        <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+    eos
+end
+
 
 insert_into_file Rails.root.join("app/views/layouts/application.html.erb").to_s,
 pack_tag,
@@ -18,4 +25,4 @@ eos
 
 insert_into_file Rails.root.join("app/assets/javascripts/application.js").to_s,
 vue_on_rails,
-before: "//= require_tree ."
+before: "//= require_tree ."

data/lib/installs/ssr/component.js

@@ -1,3 +1,7 @@
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
+// To embed this component in Rails view, use <%= render_vue_component "component.js" %>
+// To generate this component, run `rails generate vue something --ssr`
+
 console.log("hello, component")
 const Vue = require("vue")
 const renderVue = require("hypernova-vue").renderVue

data/lib/installs/ssr/ssr.js

@@ -1,9 +1,13 @@
+// Generated by Vue on Rails https://github.com/vueonrails/vueonrails
+// To run this script, simply run `node ssr` 
+
 var hypernova = require('hypernova/server');
 
 hypernova({
   devMode: true,
   getComponent(name) {
-    // console.log("The component name is -> " + name)
+    // Console.log("The component name is -> " + name)
+    // Make sure you state the corresponding name correctly. In this case, 'component.js'
     if (name === 'component.js') {
       return require('./app/javascript/ssr/component.js')
     }

data/lib/installs/test.rb

@@ -28,16 +28,4 @@ insert_into_file Rails.root.join("package.json").to_s,
   "#{scripts}",
   after: "\"private\": true,\n"
 
-babelrc = <<-eos
-  "test": {
-    "presets": [
-      ["env", { "targets": { "node": "current" }}]
-    ]
-  },
-eos
-
-insert_into_file Rails.root.join(".babelrc").to_s,
-  "#{babelrc}",
-  before: "  \"presets\": ["
-
-run "yarn add jest-serializer-vue vue-jest babel-jest --no-progress --silent"
+run "yarn add jest-serializer-vue vue-jest babel-jest --no-progress --silent"

data/lib/vueonrails/version.rb

@@ -1,4 +1,3 @@
 module Vueonrails
-  # VERSION = "0.3.1"
-  VERSION = "1.0.0.beta3"
+  VERSION = "1.0.0.beta5"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vueonrails
 version: !ruby/object:Gem::Version
-  version: 1.0.0.beta3
+  version: 1.0.0.beta5
 platform: ruby
 authors:
 - Bryan Lim
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-06-10 00:00:00.000000000 Z
+date: 2019-06-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -57,6 +57,7 @@ files:
 - lib/generators/options/list.rb
 - lib/generators/options/modal.rb
 - lib/generators/options/parent.rb
+- lib/generators/options/pug.rb
 - lib/generators/options/seperate.rb
 - lib/generators/options/single.rb
 - lib/generators/options/ssr.rb
@@ -82,6 +83,8 @@ files:
 - lib/installs/Procfile
 - lib/installs/config/alias.js
 - lib/installs/i18n.rb
+- lib/installs/loaders/pug.js
+- lib/installs/pug.rb
 - lib/installs/setup.rb
 - lib/installs/spv.rb
 - lib/installs/ssr.rb