sprockets-vue 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d38a9eeb83c5f834ff700e4968f64396516eb96f
-  data.tar.gz: 3e63bffae0b3aeab5838cb91c1fd87258bc484f4
+  metadata.gz: 2583dcbc2d0241080f48cbfbcb39a218f8c0984f
+  data.tar.gz: 13d556aa5b2c2b26d7fc83fe89fc18ebcfa955a2
 SHA512:
-  metadata.gz: b35f836aaa41861b43c03e4bd8106a665de95e642e46d821b89c6db6c8ee2c4140c46cb8237d7a72d4795825a04f4f67fc242a7801a6c2b68c1088843b88a75a
-  data.tar.gz: 453d6d3f08a7415d42864bea57b918e7b437ee98d730cb44cfb83deb6a2f3637c19fe941f7add8aa1717c016be6bc4617e4788585fac8e7ffac2388aecea706c
+  metadata.gz: 430c4272966e32732e81b32aa5cf1ea810afa28d3eb6a89eed911158bcb3f5738ed990b0150747da8c1b2fc3a4c414596204b2e8c7846b8974f7fa5ee23e1a27
+  data.tar.gz: abbc0aa85216c11b87b95c6d6ca6b61e5b587afa46d053372eacd456759f9536cb97796e80704b38434e5438975ef2d7d8f6cd99a3f006f97fd1d052e342aeae

data/README.md

@@ -1,5 +1,5 @@
 # sprockets-vue
-A Sprockets transformer that converts .vue file into js object.
+A [Sprockets](https://github.com/rails/sprockets) transformer that converts .vue file into js object.
 
 # install
 add `gem 'sprockets-vue'` to Gemfile, and run bundle, currently works with sprockets 3.
@@ -30,6 +30,14 @@ add `gem 'sprockets-vue'` to Gemfile, and run bundle, currently works with sproc
     <card v-for="m in members" :m='m'></card>
   </div>
 </template>
+
+<style lang="scss">
+.search{
+  .icon-input{
+    width: 100%;
+  }
+}
+</style>
 ```
 
 * application.coffee
@@ -45,6 +53,19 @@ new Vue(
 )
 ```
 
+* 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)
+
+
 # compiled javascript
 
 ```javascript

data/lib/sprockets/vue.rb

@@ -1,14 +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_processor 'text/vue', Sprockets::DirectiveProcessor
-
     register_transformer 'text/vue', 'text/css', Vue::Style
+
+    register_processor 'text/vue', Sprockets::DirectiveProcessor
   end
 end

data/lib/sprockets/vue/script.rb

@@ -1,39 +1,54 @@
-class Sprockets::Vue::Script
-  class << self
-    include ActionView::Helpers::JavaScriptHelper
-    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
+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
+        }
       }
-    }
-    def call(input)
-      data = input[:data]
-      name = input[:name]
-      input[:cache].fetch([cache_key, input[:source_path], data]) do
-        script_r = /\<script *(lang="(\w+)")?\>([\s\S]+)\<\/script\>/
-        template_r = /\<template\>([\s\S]+)\<\/template\>/
-        script = script_r.match(data)
-        lang = script[2]
-        template = template_r.match(data)
+      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']
 
-        result = SCRIPT_COMPILES[lang].call(script[3], input)
+            output << "'object' != typeof VCompents && (VCompents = {});
+          VCompents['#{name}'] = #{result['js']};"
+          end
 
-        output = ";if (typeof(VCompents)==='undefined')VCompents = {};
-            VCompents['#{name}'] = #{result['js']};"
-        output << "VCompents['#{name}'].template = '#{escape_javascript template[1]}';" if template
+          if template
+            output << "VCompents['#{name.sub(/\.tpl$/, "")}'].template = '#{j template[:content]}';"
+          end
 
-        { data: output }
+          { data: "#{warp(output.join)}", map: map }
+        end
       end
-    end
 
-    def cache_key
-      [
-        self.name,
-        ::Sprockets::Vue::VERSION,
-      ].freeze
+      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

@@ -1,30 +1,31 @@
-class Sprockets::Vue::Style
-  class << self
-    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_r = /\<style *(lang="(\w+)")?\>([\s\S]+)\<\/style\>/
-        style = style_r.match(data)
-        if style
-          lang = style[2]
-          input[:data] = style[3]
-          STYLE_COMPILES[lang].call(input)
-        else
-          ''
+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
-    end
 
-    def cache_key
-      [
-        self.name,
-        ::Sprockets::Vue::VERSION,
-      ].freeze
+      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

@@ -1,5 +1,5 @@
 module Sprockets
-  class Vue
-    VERSION = '0.0.4'
+  module Vue
+    VERSION = '0.0.5'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sprockets-vue
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - kikyous
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-10-26 00:00:00.000000000 Z
+date: 2016-10-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sprockets
@@ -24,6 +24,34 @@ dependencies:
     - - ">="
       - !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
@@ -52,6 +80,62 @@ dependencies:
     - - ">="
       - !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
@@ -64,6 +148,7 @@ files:
 - 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/sprockets-vue
 licenses: