rails-vue-loader 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ab53f9869105f9cf3949edc2a655e65081bad0e8
+  data.tar.gz: b5a39ea6739ee7e3baec5fdf780954f861aa3611
+SHA512:
+  metadata.gz: 79b9d87e0683e01a7cba63628d9d570db82d33f1978f9deaab26f0cdddf9bd4570499178f58ba75783ed343047f3bad5156df5a89fd34297d245289152b559f3
+  data.tar.gz: bc459c8ffe151f0001d8a0528dab65847bf2eca8e4005224104223ef4657365c2c1f4163792a9256e8e785efce4b33ce8c944d78d7d1d0e4799d6eaf17c3ba0d

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2016 Kikyous
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,90 @@
+# sprockets-vue
+
+[![Gem](https://img.shields.io/gem/v/sprockets-vue.svg)](https://rubygems.org/gems/sprockets-vue)
+[![Gem](https://img.shields.io/gem/dt/sprockets-vue.svg)](https://rubygems.org/gems/sprockets-vue)
+
+A [Sprockets](https://github.com/rails/sprockets) transformer that converts .vue file into js object.
+
+
+# heads up!
+
+version 0.1.0 has incompatible changes, attempting to make the syntax
+work more similarly to Webpack/vue-loader.
+
+Specifically:
+
+- You should assign `module.exports` variable to make it work! (not vm)
+- You should use `VComponents` instead of `VCompents`
+- Now supports normal javascript (as well as coffeescript)
+
+# feature
+
+following tag is supported in .vue file
+* script (coffeescript and js)
+* template (currently html only)
+* style (scss, sass and css)
+
+# install
+add `gem 'sprockets-vue'` to Gemfile, and run bundle, currently works with sprockets 3.
+
+# example
+* index.vue
+```vue
+//= require components/card
+<script lang="coffee">
+module.exports = {
+  data: ->
+    search: ''
+    members: []
+  components:
+    card: VComponents['components/card']
+  methods:
+    clear: ->
+      this.search = ''
+}
+</script>
+
+<template>
+  <div class="container">
+    <div class='search icon-input'>
+      <span class="search-icon glyphicon glyphicon-search"></span>
+      <input class="form-control" type="text" v-model='search'>
+      <span @click='clear' class="clear-icon glyphicon glyphicon-remove"></span>
+    </div>
+    <card v-for="m in members" :m='m'></card>
+  </div>
+</template>
+
+<style lang="scss">
+.search{
+  .icon-input{
+    width: 100%;
+  }
+}
+</style>
+```
+
+* application.coffee
+
+```coffee
+#= require index
+
+new Vue(
+  el: '#search',
+  components: {
+    'index': VComponents.index
+  }
+)
+```
+
+* application.scss
+```scss
+//=require index
+```
+
+> you can include .vue file in css file, it's style block will be automatic processed.
+ you can also use `require_tree` to include all .vue file.😘
+ `scoped` will not be supported. 
+
+# advanced
+* [multi file component](https://github.com/kikyous/sprockets-vue/wiki/multi-file-component)

data/lib/sprockets/vue.rb

@@ -0,0 +1,14 @@
+require 'sprockets'
+require 'sprockets/vue/version'
+require 'sprockets/vue/utils'
+require 'sprockets/vue/script'
+require 'sprockets/vue/style'
+module Sprockets
+  if respond_to?(:register_transformer)
+    register_mime_type 'text/vue', extensions: ['.vue'], charset: :unicode
+    register_transformer 'text/vue', 'application/javascript', Vue::Script
+    register_transformer 'text/vue', 'text/css', Vue::Style
+
+    register_processor 'text/vue', Sprockets::DirectiveProcessor
+  end
+end

data/lib/sprockets/vue/script.rb

@@ -0,0 +1,57 @@
+require 'active_support/concern'
+require "action_view"
+module Sprockets::Vue
+  class Script
+    class << self
+      include ActionView::Helpers::JavaScriptHelper
+
+      SCRIPT_REGEX = Utils.node_regex('script')
+      TEMPLATE_REGEX = Utils.node_regex('template')
+      SCRIPT_COMPILES = {
+        'coffee' => ->(s, input){
+          CoffeeScript.compile(s, sourceMap: true, sourceFiles: [input[:source_path]], no_wrap: true)
+        },
+        'es6' => ->(s, input){
+          Babel::Transpiler.transform(data, {}) #TODO
+        },
+        nil => ->(s,input){ { 'js' => s } }
+      }
+      def call(input)
+        data = input[:data]
+        name = input[:name]
+        input[:cache].fetch([cache_key, input[:source_path], data]) do
+          script = SCRIPT_REGEX.match(data)
+          template = TEMPLATE_REGEX.match(data)
+          output = []
+          map = nil
+          if script
+            result = SCRIPT_COMPILES[script[:lang]].call(script[:content], input)
+            
+            map = result['sourceMap']
+
+            output << "'object' != typeof VComponents && (this.VComponents = {});
+              var module = { exports: null };
+              #{result['js']}; VComponents['#{name}'] = module.exports;"
+          end
+
+          if template
+            output << "VComponents['#{name.sub(/\.tpl$/, "")}'].template = '#{j template[:content]}';"
+          end
+
+          { data: "#{warp(output.join)}", map: map }
+        end
+      end
+
+      def warp(s)
+        "(function(){#{s}}).call(this);"
+      end
+
+      def cache_key
+        [
+          self.name,
+          VERSION,
+        ].freeze
+      end
+    end
+  end
+end

data/lib/sprockets/vue/style.rb

@@ -0,0 +1,31 @@
+module Sprockets::Vue
+  class Style
+    class << self
+      STYLE_REGEX = Utils.node_regex('style')
+      STYLE_COMPILES = {
+        'scss' => Sprockets::ScssProcessor,
+        'sass' => Sprockets::SassProcessor,
+        nil => ->(i){i[:data]}
+      }
+      def call(input)
+        data = input[:data]
+        input[:cache].fetch([cache_key, input[:filename], data]) do
+          style = STYLE_REGEX.match(data)
+          if style
+            input[:data] = style[:content]
+            STYLE_COMPILES[style[:lang]].call(input)
+          else
+            ''
+          end
+        end
+      end
+
+      def cache_key
+        [
+          self.name,
+          VERSION,
+        ].freeze
+      end
+    end
+  end
+end

data/lib/sprockets/vue/utils.rb

@@ -0,0 +1,13 @@
+module Sprockets::Vue::Utils
+  class << self
+    def node_regex(tag)
+      %r(
+      \<#{tag}
+        (\s+lang=["'](?<lang>\w+)["'])?
+      \>
+        (?<content>.+)
+      \<\/#{tag}\>
+      )mx
+    end
+  end
+end

data/lib/sprockets/vue/version.rb

@@ -0,0 +1,5 @@
+module Sprockets
+  module Vue
+    VERSION = '0.1.0'
+  end
+end

metadata

@@ -0,0 +1,177 @@
+--- !ruby/object:Gem::Specification
+name: rails-vue-loader
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- kikyous
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-08-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sprockets
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.0.0
+- !ruby/object:Gem::Dependency
+  name: actionview
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: activesupport
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: execjs
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: coffee-script
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: "                A Sprockets transformer that converts .vue file into
+  js object.\n"
+email: kikyous@163.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- lib/sprockets/vue.rb
+- lib/sprockets/vue/script.rb
+- lib/sprockets/vue/style.rb
+- lib/sprockets/vue/utils.rb
+- lib/sprockets/vue/version.rb
+homepage: https://github.com/kikyous/rails-vue-loader
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.1
+signing_key: 
+specification_version: 4
+summary: Sprockets Vue transformer
+test_files: []