vue_cli-rails 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2601878a76dbcdb50c5cffb4264b53269d192cf1
-  data.tar.gz: ce5ee501f09e485ad4d37d59af2294261e4102d9
+  metadata.gz: c73bc49c1a774fc57b0c9d106af051b7f2a8bda5
+  data.tar.gz: 3bd24fe745d33907c86aa1928bb086656eba2a14
 SHA512:
-  metadata.gz: fb4d53c1b1479d8a80a4c27debe0e7bd1c93667d3ef2ed7882a52a682fdd50bd57d2e77e3ef64e4208447e9b8eba14665897cfbbd2e5f29c616217bee287b62b
-  data.tar.gz: c72f12ccf709314f4a4e2885b68185d590fdc18a7bc939de2a051389f77d23aaed7133aa61a3d0b360b0f92f06477efd1847014f958c9fb4750c683028c7ae8e
+  metadata.gz: 308ad9d983e729cf74e8ba2f8ae71152f132d1b842f18cb0d3fc1b4d3d3c8ae5d10b5e70e855c31e6a610d5d042dd35efb91e037942ffdd878e77eb11175a76a
+  data.tar.gz: 68f2f03b3a3fe0f33f94c2809f25dcbb96681d03b8fe01ab30182cf04b388308a4aea536536acf146acfbc29873534aec850402564fdb347b27519f6e6a3abda

data/.gitignore

@@ -9,3 +9,4 @@
 
 # rspec failure tracking
 .rspec_status
+*.gem

data/Gemfile.lock

@@ -89,7 +89,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  bundler (~> 1.16)
+  bundler (~> 1.12)
   pry-byebug
   rake (~> 10.0)
   rspec (~> 3.0)

data/README.md

@@ -15,8 +15,6 @@ And then execute:
     $ bundle install
     $ bundle exec rake vue:create
 
-> Currently `rake vue:create` will overwrite all files, please be careful!
-
 Add those lines to your `config/routes.rb`:
 
 ```ruby
@@ -24,6 +22,8 @@ Add those lines to your `config/routes.rb`:
   get 'vue/bar' => 'vue#bar'
 ```
 
+> Currently `rake vue:create` will overwrite all files, please be careful!
+
 ## Usage
 
 This gem is fully depends on `vue-cli`. You can do everything with [`vue.config.js`](https://cli.vuejs.org/config/) just don't break `manifest` plugin which required by `vue_cli-rails`.
@@ -36,4 +36,4 @@ You can put `app/assets/vue/manifest.dev.json` into your VCS ignore list.
 
 ## Warning
 
-Currently `vue.config.js` is reading configurations via `bundle exec rake vue:json_config`. You may suffer performance issue if your rake tasks are slow.
+Currently `vue.config.js` is reading configurations from `vue.rails.js` which depends on `js-yaml`. It will fallback to `bundle exec rake vue:json_config` without `js-yaml` installed. You may suffer performance issue if your rake tasks are slow.

data/lib/source/app/assets/vue/components/views/Foo.vue

@@ -12,6 +12,6 @@ export default {
 
 <style>
 #foo {
-  color: red
+  color: red;
 }
 </style>

data/lib/source/vue.config.js

@@ -1,20 +1,11 @@
 // Please do NOT edit settings required by vue_cli-rails
 /* [DO NOT EDIT!] begin */
-const { execSync } = require('child_process');
-const { env } = require('process');
 const WebpackAssetsManifest = require('webpack-assets-manifest');
 /* [DO NOT EDIT!] end */
 
 // const CompressionWebpackPlugin = require('compression-webpack-plugin');
 // const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 
-const settings = JSON.parse(execSync('bundle exec rake vue:json_config', {
-  cwd: __dirname,
-  encoding: 'utf8',
-}));
-env.NODE_ENV = settings.env;
-const isProd = env.NODE_ENV === 'production';
-
 const {
   entry,
   css,
@@ -23,7 +14,8 @@ const {
   devServer,
   publicPath,
   manifestOutput,
-} = settings;
+  isProd,
+} = require('./vue.rails');
 
 module.exports = {
   outputDir,

data/lib/source/vue.rails.js

@@ -0,0 +1,63 @@
+const { env } = require('process');
+
+module.exports = (() => {
+  let settings = {};
+
+  /* eslint-disable global-require,import/no-extraneous-dependencies */
+  try {
+    const yaml = require('js-yaml');
+    const { readFileSync, readdirSync, lstatSync } = require('fs');
+    const { resolve } = require('path');
+
+    const railsEnv = env.RAILS_ENV || 'development';
+    const config = yaml.safeLoad(readFileSync(resolve('config/vue.yml'), 'utf8'))[railsEnv];
+    const root = resolve(__dirname);
+    const po = (config.public_output_path || 'vue_assets').replace(/(^\/+|\/+$)/g, '');
+    const { manifestOutput, alias = {}, devServer = {} } = config;
+    if (devServer.contentBase) {
+      devServer.contentBase = resolve(root, devServer.contentBase);
+    }
+    const entry = {};
+    const assetRoot = resolve(root, 'app/assets/vue/views');
+    const findAllJsFiles = (path) => {
+      readdirSync(path).forEach((fn) => {
+        const filename = resolve(path, fn);
+        const stat = lstatSync(filename);
+        if (stat.isDirectory()) {
+          findAllJsFiles(filename);
+        } else if (stat.isFile() && fn.endsWith('.js')) {
+          entry[filename.slice(assetRoot.length + 1, -3)] = filename;
+        }
+      });
+    };
+    findAllJsFiles(assetRoot);
+
+    settings = {
+      ...config,
+      env: railsEnv,
+      root,
+      outputDir: resolve(root, 'public', po),
+      publicPath: `/${po}/`,
+      alias: Object.keys(alias).reduce((obj, key) => ({
+        ...obj,
+        [key]: resolve(root, alias[key]),
+      }), {}),
+      manifestOutput: resolve(root, manifestOutput),
+      devServer,
+      entry,
+    };
+  } catch (e) {
+    const { execSync } = require('child_process');
+
+    settings = JSON.parse(execSync('bundle exec rake vue:json_config', {
+      cwd: __dirname,
+      encoding: 'utf8',
+    }));
+  }
+  /* eslint-enable global-require,import/no-extraneous-dependencies */
+
+  return {
+    ...settings,
+    isProd: settings.env === 'production',
+  };
+})();

data/lib/tasks/vue.rake

@@ -9,7 +9,7 @@ namespace :vue do
     FileUtils.chdir root
     # `vue create .` and dependencies
     pm.exec('vue create', "-n -m #{pm.package_manager} .")
-    pm.add '-D webpack-assets-manifest cross-env'
+    pm.add '-D webpack-assets-manifest js-yaml'
     FileUtils.rm_rf root.join('src')
 
     # dirs under `app`

data/lib/vue_cli/rails/version.rb

@@ -1,5 +1,5 @@
 module VueCli
   module Rails
-    VERSION = "0.1.0"
+    VERSION = "0.1.1"
   end
 end

data/vue_cli-rails.gemspec

@@ -20,9 +20,9 @@ Gem::Specification.new do |spec|
 
   spec.required_ruby_version = ">= 2.2"
 
-  spec.add_dependency "activesupport", "~> 4.2"
-  spec.add_dependency "railties",      "~> 4.2"
-  spec.add_dependency "rack-proxy",    "~> 0.6"
+  spec.add_dependency "activesupport", ">= 4.2"
+  spec.add_dependency "railties",      ">= 4.2"
+  spec.add_dependency "rack-proxy",    ">= 0.6"
 
   spec.add_development_dependency "bundler", "~> 1.12"
   spec.add_development_dependency "rake", "~> 10.0"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vue_cli-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - James Chen
@@ -14,42 +14,42 @@ dependencies:
   name: activesupport
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '4.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '4.2'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '4.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '4.2'
 - !ruby/object:Gem::Dependency
   name: rack-proxy
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0.6'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0.6'
 - !ruby/object:Gem::Dependency
@@ -122,6 +122,7 @@ files:
 - lib/source/app/views/vue/bar.html.erb
 - lib/source/app/views/vue/foo.html.erb
 - lib/source/vue.config.js
+- lib/source/vue.rails.js
 - lib/source/vue.yml
 - lib/tasks/vue.rake
 - lib/views/layouts/vue.erb